JavaScriptやidやnameを使用せずにトップに戻る3つのやり方

JavaScriptやidやnameを使用せずにトップに戻る3つのやり方

その1 href=”#”

aタグにhref=”#”を付けるとクリックするとトップに戻る。よくURLが決まっていないリンクに#を入れることがあるけど置換するのを忘れてしまうことがあるので個人的には非推奨。(トップに戻ってしまいますし)

トップに戻るサンプル1

その2 href=”#top”

HTML5正式仕様になっているので使うなら”#”ではなく”#top”。idやnameでtopを指定している箇所がある場合、そちらが優先される。

補足: 特別なフラグメントである “top” を使用すると、ページの最上部に戻るリンクを作成できます。例: <a href=”#top”>ページ上部へ戻る</a>。この動作は HTML5 で明記されました。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/a#attr-href

トップに戻るサンプル2

その3 href=”./”

現在のURLにアクセス。これも広義ではトップに戻る。ページが更新され、?hogeのようなURLクエリパラメータが消えるのでこれを使用したほうが都合が良いこともたまにある。

トップに戻るサンプル3

カテゴリーhtml