回答:
ある場合<a name="foo">
と、タグまたは任意のタグid
(例えば、<div id="foo"
>)、そして、あなたは簡単に追加できる#foo
URLに。それ以外の場合、ページの一部に任意にリンクすることはできません。
以下は完全な例です。 <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=1
hrefで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属性を配置することを検討してください。