abbr属性

このエントリーをはてなブックマークに追加

abbr属性はth要素、つまり見出しセルに対してシンプルな見出しを指定できる属性です。

次のサンプルではth要素内のラベルに「名前」や「Name」といった重複した内容が表示されています。そこでaddr属性を利用して「名前」のみを見出しとして指定しています。

<table>
  <caption>連絡帳</caption>
  <tr>
    <td></td>
    <th abbr="名前">名前(Name)</th>
    <th abbr="電話番号">電話番号(Tel)</th>
    <th abbr="Fax">Fax</th>
    <th abbr="都市">都市(City)</th>
  </tr><tr>
    <td>1.</td>
    <th>山田 太郎</th>
    <td>412-212-5421</td>
    <td>412-212-5400</td>
    <td>東京</td>
  </tr><tr>
    <td>2.</td>
    <th>田中 花子</th>
    <td>410-306-1420</td>
    <td>410-306-5400</td>
    <td>大阪</td>
  </tr><tr>
    <td>3.</td>
    <th scope="row">山本 次郎</th>
    <td>281-564-6720</td>
    <td>281-511-6600</td>
    <td>名古屋</td>
  </tr>
</table>

登録日 : 2014年07月06日 最終更新日 : 2014年7月6日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス