html - Webページのサブセクションへのディープリンクを作成するにはどうすればよいですか？

Question

個々のWebページのサブセクションへのディープリンクを作成する方法を知っている人はいますか？

ウィキはひびが入っているようですが、ウェブ上のどこにも答えが見つからないようです。

PS：シンプルにしてください！

Answer 1

ページ上の特定の場所または要素へのリンクは、リンクのフラグメント識別子 ( で始まる#) で使用できる「宛先アンカー」を構成するマークアップが宛先に含まれている場合にのみ可能です。以下は、そのようなアンカーを作成します。

• id属性 (任意の要素)
• 要素のname属性a

前者は最新の好ましい方法であり、場所 (ポイント) やインライン要素だけでなく、要素を参照できます。たとえば、リンク先ページhttp://www.example.com/stuff.htmlに

<div class="section" id="sec7">
<h2>Foo bar</h2>
<p>Some text.</p>
Any other content
</div>

次に、次のようなリンクを使用できます

<a href="http://www.example.com/stuff.html#sec7">Foo bar</a>

Answer 2

ドキュメントの後半に表示されるテキストに人々をリンクする目次でドキュメントを開始したいとします。インデックスには次のものが含まれます。

<a href="#pt1">Part I</a> <a href="#pt2">Part II</a>

ドキュメントの後半で、次のタグを含めます。

<a name=pt1></a> and <a name=pt2></a>

参考：リンクとアンカー

編集：

リンクを挿入したい場所には、次のように記述します。

<a href="http://yourpage.com#pt1">Part I</a> 

ここhttp://yourpage.comは、ページへの実際の URL に置き換えられます。ページのコードで、リンク先のポイントにタグを挿入します。

<a name=pt1></a>