it-swarm.com.ru

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

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

163
Haroldo

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

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. Например.

<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

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

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

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

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

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

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

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