JavaScript ベースのアプリを作成する際に、ID やクラスとして適切ではない要素を含む情報を含めたいことがよくあります。構造的/意味的に html にどのように含めるのが最善かを考えています。<a>場合によっては、hrefに含まれていない別の要素との関連付けを含めたいことがあります。「tooltip_」や「button_」などのプレフィックスを追加してから、文字列操作を使用して変換していますが、それは少し不格好です。
したがって、代替タイプのデータに使用するのに適切な属性があるかどうか疑問に思っています。
また、jQuery プラグイン qTip を使用すると、属性を設定して からヒントの説明を取得できることがわかりますが、<p> <a> <img> <h2>すべてのタグにヒントを付け、理想的には同じ方法で設定する場合は、どの属性を使用できますか?その状況で？
追加データの保存など、情報が主に JavaScript と対話するためのものである場合は、接頭辞が付いた属性が適していますdata-。jQuery ライブラリは、そのDataメソッドを通じてこれをサポートします。
ユーザー コンテンツの場合は、コンテンツの内容と、その使用方法によって異なります。
画像の場合、このalt属性は特に、画像内のコンテンツの代替テキストを保持するためのものです。経験則としては、画像内のすべての単語 (重要) と、画像altが描写しているものの説明を属性に含める必要があります。これについて自分でテストするには、画像をオフにして (多くのブラウザー拡張機能でこれを行うことができます)、ページを読んでください。画像がaltテキストに置き換わっても、情報が失われていないのであれば問題ありません。
このtitle属性は、ツールチップに適した情報を保持するためのものです。
longdescまたfigcaption、この目的のために設計されたその他の属性もあります。いつ何を使用するかを本当に知りたい場合は、 html5 仕様を読むことを強くお勧めします。