回答:
ある場合<a name="foo">と、タグまたは任意のタグid(例えば、<div id="foo">)、そして、あなたは簡単に追加できる#fooURLに。それ以外の場合、ページの一部に任意にリンクすることはできません。
以下は完全な例です。 <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>
domain.com/#home?page=1hrefでIDを使用する方法は?
domain.com/?page=1#home
example.com/#RouteName?page=1#ID。1つはルーティング用、もう1つは現在のページ内のナビゲーション用です。最後に、ルートハッシュタグを削除するためにURLのhtml5モードを使用しました;)@tomsmeding
アンカーとハッシュを使用します。例えば:
リンクのターゲット:
<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>
name_of_target。<a>ターゲットとしてタグを使用する必要はありません。したがって、別のターゲットが可能性があります<h3 id='name_of_target'>Content</h3>。
要素のIDを含むハッシュをURLに追加するだけです。例えば
<div id="about"></div>
そして
http://mysite.com/#about
したがって、リンクは次のようになります。
<a href="http://mysite.com/#about">About</a>
あるいは単に
<a href="#about">About</a>
次の2つのオプションがあります。
次のように、ドキュメントにアンカーを配置できます。
<a name="ref"></a>
または、任意のHTML要素にIDを指定します。
<h1 id="ref">Heading</h1>
次に#ref、リンクのURLにハッシュを追加して、目的の参照にジャンプします。例:
<a href="document.html#ref">Jump to ref in document.html</a>
2020年3月12日、ドラフトがテキストフラグメント用にWICGによって追加されました。ハッシュに以下を追加することで、ページを検索しているようにテキストにリンクできます。
#:~:text=<Text To Link to>
の作業例Chrome Version 81.0.4044.138:
このリンクをクリックしてくださいページをリロードし、リンクのテキストを強調表示する必要があります
name-elementsの-attributeはなくなりました<a>。a 要素のname属性は廃止されました。代わりに、最も近いコンテナにid属性を配置することを検討してください。