A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/data below:

<data>: ãƒ‡ãƒ¼ã‚¿è¦ç´ - HTML | MDN

<data>: データ要素

Baseline Widely available

<data> は HTML の要素で、与えられたコンテンツの断片を機械可読な翻訳にリンクします。コンテンツが時刻または日付に関連するものであれば、<time> 要素を使用する必要があります。

試してみましょう
<p>New Products:</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
data:hover::after {
  content: " (ID " attr(value) ")";
  font-size: 0.7em;
}
属性

この要素の属性にはグローバル属性があります。

value

この属性は要素の内容を機械可読な形式で指定します。

例

以下の例は商品名を表示しますが、それぞれの商品名に商品番号も結びつけます。

<p>新製品</p>
<ul>
  <li><data value="398">ミニケチャップ</data></li>
  <li><data value="399">ジャンボケチャップ</data></li>
  <li><data value="400">メガジャンボケチャップ</data></li>
</ul>
結果 仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4