1. ホーム
  2. Web制作
  3. HTML/Xhtml

リンク先のhref=#の意味を教えてください。

2022-01-28 23:55:10
現在のページへのリンクです。
---------- ---------
通常、次のように使用します。
<a href="#" onclick="window.close()">close</a>
重要なのはその後に続くonclickで、"close"がクリックされたときにwindow.close()のコードを実行することになるのです。
なぜ <a onclick="window.close()">close</a> と書かないのかと言うかもしれません。
このように書くと、closeの文字がハイパーリンクとして扱われないため、効果が悪く見えてしまいます。自分で試してみてください。ページを作るときにリンクのurlを指定するために使うhtml言語のパラメータ #### はこのページへのリンク、 href="address" はアドレスへのリンク このページへのリンク デフォルトでは、新しいウィンドウがポップアップせず、空のリンクの場合は、#を外すと、マウスの手の形のカーソルが表示されない。平たく言えば、このページへの偽リンクです
また、アンカーIDで#をフォローすることも可能です。
ブックマーク作成
構文:<a name="ブックマーク名">テキスト</a>
同じページにリンクしているブックマーク(使用法)
構文:<a href="#ブックマーク名">リンク先テキスト</a>
別ページのブックマークへリンクする
構文:<a href="リンク先ファイルのアドレス#ブックマーク名">リンク先テキスト</a>(引用符と#記号に注意)
通常の場合、リンク:<a href="#BookmarkName">Text of link</a> をクリックすると、自動的にこのページの:<a name="BookmarkName">Text</a> にカーソル位置が移動するようになっているはずです。
しかし、ブックマーク名を入れずに :<a href="#">text of link</a> と書くと、実は何もジャンプしないということになりますね。通常は、<a onclick=""> のときだけ href="#"> に飛びますね。
空リンクとして扱い、このように書けばいいのです。リンクのエフェクト(マウスが小さな手になるような)は表示されますが、ページジャンプはしません。