<data>要素は、ブラウザに表示されるテキストとは別に、コンピュータが読み取ることができるデータを指定します。
日付や時刻に関するデータの場合は <time>要素を使用します。
属性
<data 属性名="ここに値を指定"></data>
value
コンピュータが読み取れるデータを指定します。
<p>A地点までは<data value="150">150km</data>です。</p>
グローバル属性
全ての HTML 要素に共通して使用できるグローバル属性はこちら
使用例
このサンプルでは、クラスAの生徒名を表示して生徒番号を紐づけています。
<p>クラスA</p>
<ul>
<li><data value="123">山田</data></li>
<li><data value="124">田中</data></li>
<li><data value="125">佐藤</data></li>
</ul>
対応ブラウザ
関連するタグ
- <time>:正確な日付を示す
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。
オンラインスクールを選ぶときのポイント
- 無料体験があること
- 個別サポートがあること
自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。
ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
1. TechAcademy(テックアカデミー)
2. CodeCamp(コードキャンプ)
3. Treehouse
英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。