よく使うHTML5対応のタグ属性には、以下のようなものがあります。
- ?class属性:要素にCSSクラスを割り当てるための属性。同じクラスを持つ要素に対して、一括してスタイルを適用できるようになります。 例:
<div class="container">
- ?id属性:要素に一意の識別子を割り当てるための属性。JavaScriptから要素を参照する場合などに使用します。 例:
<h1 id="main-title">
- ?src属性:画像や音声、動画などのメディアファイルを読み込む際に使用する属性。 例:
<img src="image.jpg">
- ?href属性:リンクを作成する際に使用する属性。別のWebページや同じページ内の別の場所にリンクを貼ることができます。 例:
<a href="http://example.com/">
- ?alt属性:画像が読み込めない場合に表示する代替テキストを指定する属性。 例:
<img src="image.jpg" alt="代替テキスト">
- ?title属性:要素にマウスを合わせると表示される説明文を指定する属性。 例:
<a href="http://example.com/" title="リンクの説明文">
- ?target属性:リンクをクリックした際に、新しいウィンドウやタブで開くか、同じウィンドウで開くかを指定する属性。 例:
<a href="http://example.com/" target="_blank">
- ?rel属性:リンクの種類を指定する属性。例えば、別のドキュメントに対するリンクやスタイルシートへのリンクなどがあります。 例:
<link rel="stylesheet" href="style.css">
- ?type属性:スクリプトやスタイルシートなどのファイルのMIMEタイプを指定する属性。 例:
<script type="text/javascript">
- ?value属性:フォームの送信値を指定する属性。例えば、テキストボックスやラジオボタン、チェックボックスなどのフォーム要素で使用されます。 例:
<input type="text" name="username" value="ユーザー名">
これらの属性はHTML5でよく使われるものですが、すべてではありません。使用するタグや属性は、Webページの内容や目的に応じて適切に選択する必要があります。