19

私はこれらの属性を GitHub などの最新の Web サイトで見てきましたが、title属性のようなカスタマイズされたポップオーバーと常に一致しているように見えました。

<a href="/" data-value="hovering message">Option 1</a>
<a href="/" data-title="hovering message">Option 2</a>
<a href="/" data-original-title="hovering message">Option 3</a>
<a href="/" original-title="hovering message">Option 4</a>

HTML5 Doctor の data- 属性に関するドキュメントをいくつか読みましたが、その点がよくわかりません。

それらを使用することで SEO またはアクセシビリティの利点はありますか? そして、この特定のケースでポップオーバーを作成するために一般的に使用されているプラ​​グイン(できればjQuery)は何ですか?

4

3 に答える 3

14

HTML5 data-*属性は、要素にデータを格納するために使用されます

この属性を操作するには、jQuery.data()または.data()メソッドを使用できます。

于 2013-06-22T01:38:46.750 に答える
7

要点は、data-属性が、後で HTML に追加される可能性のある属性やブラウザー固有の属性と衝突しないことです。アイデアは、作成者に遊び場、つまり属性を標準またはベンダー定義の属性として別の意味で解釈されることを恐れずに私的な目的で使用できる名前空間を与えることです。

この考えによれば、検索エンジンと支援ソフトウェアは、相互運用可能な意味を持たないため、そのような属性を無視します。

于 2013-06-22T05:50:05.160 に答える