web-dev-qa-db-ja.com

ページの一部にリンクするにはどうすればいいですか。 （ハッシュ？）

どのようにして（<a>で）リンクして、ブラウザがトップページではなくターゲットページの特定の副見出しに移動するようにしますか？

htmlxhtml
163
Haroldo

<a name="foo">タグまたはidを持つタグ（例：<div id="foo">）がある場合は、URLに#fooを追加するだけです。そうでなければ、ページの一部に勝手にリンクすることはできません。

これが完全な例です：<a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

同じページのコンテンツをリンクする例：<a href="#foo">Jump to #foo on same page</a>

226
Daniel DiPaolo

あなたはアンカーとハッシュを使います。例えば：

リンク先

 <a name="name_of_target">Content</a>

ターゲットへのリンク：

 <a href="#name_of_target">Link Text</a>

または、別のページからリンクしている場合

 <a href="http://path/to/page/#name_of_target">Link Text</a>
35
Michael Aaron Safyan

URLに要素のIDを含むハッシュを追加するだけです。例えば。

<div id="about"></div>

そして

http://mysite.com/#about

そのため、リンクは次のようになります。

<a href="http://mysite.com/#about">About</a>

あるいは単に

<a href="#about">About</a>
24
Felix Kling

方法は次のとおりです。

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>
17
Sarfraz

2つの選択肢があります。

次のように文書にアンカーを付けることができます。

<a name="ref"></a>

それ以外の場合は、任意のHTML要素にIDを渡します。

<h1 id="ref">Heading</h1>

次に、リンクのURLにハッシュ#refを追加するだけで、目的の参照にジャンプできます。例：

<a href="document.html#ref">Jump to ref in document.html</a>
9
Daniel Vassallo