htmlのa hrefの#

Question

こんにちは。
otyaと申します。

タイトルの通りですが、以下のようにhtmlのa hrefに#が使われていました。

<a href="#"><span>てすと</span></a>

これはどういう意味なのでしょうか？
回答お願い致します。

Answer 1

hrefの#は、特定の要素に遷移するために記述するものです。

基本的には、<a name="hoge">と指定した箇所に対して
<a href="#hoge"> とすることで、name="hoge"の位置にスクロールします。
参考：http://www.htmq.com/html/a.shtml#abc

で、#だけ書くと何が起きるかというと、ページの一番上にスクロールします。
昔々は、ページの一番上に移動するのに、JSなどが使えなかった（どんだけ昔・・・）ので
そういう記述でページトップに飛んでいました。
最近は、JSでスクロールするのが当たり前ですね。

また、hrefにonclick等を付けた場合に、href="#"とする場合がありますが
http://www.machu.jp/diary/20070731.html
http://blog.webcreativepark.net/2007/08/01-135601.html
あたりをご覧ください。

Comments

[otya]

回答ありがとうございます。
参考サイトまで示して頂きありがとうございます。勉強になります。

Answer 2

リンク内容
#のあとにidを指定することでそのページの具体的な箇所リンクが表現されます。

#だけの場合はそのページのトップに移動します。

Comments

[otya]

回答ありがとうございます。