記事の先頭に戻るリンク <a href=”#top”> は #top が定義されてなくても動作するのが HTML5 の仕様だそうです

thikasa

Category: ブログ / Tag: ,

HTML5 mug - 無料写真検索fotoq
photo by slavik_V

ブログの記事で、よく「TOP に戻る」ボタンとかリンクがありますよね。

そのマークアップ(HTML記述)としては、<a href=”#header”> とか <a href=”#container”> とかして、該当するタグに id=header のマークアップも定義していると思います。

でも HTML5 の仕様として、<a href=”#top”> としてあげれば、id=top のマークアップは無くてもいいのだそうです。

知りませんでした。


<a href=”#top”> の記述だけあれば OK

こちらの記事で知りました。

とても詳しく書かれているのでぜひ参照を。

  • #top は定義されてなくても先頭に飛ぶ
  • #top が定義されていればそこに飛ぶ

となっているようです。

id を定義しなくていいのとマークアップのセマンティックな意味合い

↑何を言っているのかよくわからない(汗

ともかく、既に「TOP に戻る」を実装されている方は、別段修正しなければいけないわけではありません。
それはそれで OK。

私もそうですが、これから実装しようと思っている方には、この方法が簡単ですね。

  • TOP に戻るという機能的なことのために id をひとつ定義しなければならないのを避けられること。
  • 「TOP に戻る」という記述とそれに対応するマークアップが <a href=”#header”> のように意味的に合っていないのを避けられること。

こんなメリットがあります。(たぶん)

HTML5 はそのマークアップのセマンティック(意味的なこと)をきちんと定義できることに意義があります。
今回のこれも、それに沿ったものですね。

RSS 登録

もしこのブログを気に入っていただけたのなら、RSS 登録をお願いします。
最新情報をお届けします。

follow us in feedly