Ссылка на раздел веб-страницы - PullRequest
43 голосов
/ 08 декабря 2011

Я хочу сделать ссылку, которая при нажатии отправляет вас на определенную строку на странице (или другой странице).Я знаю, что это возможно, но как мне это сделать?

Ответы [ 4 ]

46 голосов
/ 08 декабря 2011

ваша ссылка перехода выглядит следующим образом

<a href="#div_id">jump link</a>

Тогда сделай

<div id="div_id"></div>

ссылка перехода приведет вас к этому диву

15 голосов
/ 08 декабря 2011

Хештеги в конце URL приводят посетителя к элементу с идентификатором: например,

/5138129/ssylka-na-razdel-veb-stranitsyanswers 

Приведет вас туда, где начинается DIV с идентификатором «ответы». Кроме того, вы можете использовать атрибут name в тегах привязки, чтобы создать тот же эффект.

Ресурс

4 голосов
/ 09 декабря 2011

Идентификатор фрагмента (также известный как: идентификаторы фрагментов, идентификаторы привязок, именованные привязки), представленный знаком хеша #, является необязательной последней частью URL-адреса документа.Обычно он используется для идентификации части этого документа.

<a href="http://www.someuri.com/page#fragment">Link to fragment identifier</a>

Синтаксис для URI также позволяет дополнительную часть запроса, представленную знаком вопроса?В URI с запросом и фрагментом фрагмент следует за запросом.

<a href="http://www.someuri.com/page?query=1#fragment">Link to fragment with a query</a>

Когда веб-браузер запрашивает ресурс у веб-сервера, агент отправляет URI на сервер, но не отправляет фрагмент,Вместо этого агент ожидает от сервера отправки ресурса, а затем агент (веб-браузер) обрабатывает ресурс в соответствии с типом документа и значением фрагмента.

Именованные якоря <a name="fragment"> устарели в XHTML 1.0,атрибут ID является предложенной заменой.<div id="fragment"></div>

2 голосов
/ 26 апреля 2016

Простой:

Используйте <section>.

и используйте <a href="page.html#tips">Visit the Useful Tips Section</a>

w3school.com / html_links

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...