Как мне сделать ссылку на часть страницы? (Хэш?)

Question

Как связать (с <a>), чтобы браузер перешел к определенному подзаголовку на целевой странице, а не к верхней?

Answer 1

Если есть тег <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>

Answer 2

Вы используете якорь и хеш. Например:

Цель ссылки:

 <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>

Answer 3

Просто добавьте хеш с идентификатором элемента в URL. Э.Г.

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

и

http://mysite.com/#about

Так что ссылка будет выглядеть так:

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

или просто

<a href="#about">About</a>

Answer 4

Вот как:

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

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

Answer 5

У вас есть два варианта:

Вы можете поместить якорь в документ следующим образом:

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

Или вы даете идентификатор любому элементу HTML:

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

Затем просто добавьте хеш #ref к URL-адресу вашей ссылки, чтобы перейти к нужной ссылке. Пример:

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