HTML: Ссылка внутри страницы

HTML ссылки можно также использовать для перехода к определённому месту внутри страницы (не обязательно текущей). В качестве места на странице, к которому будет осуществлён переход по ссылке, используется любой HTML-элемент, который допустимо использовать внутри элемента <body>. Чтобы определить элемент, к которому будет осуществлён переход, ему нужно указать идентификатор с помощью атрибута id:


<h2 id="a1">Заголовок</h2>

Теперь, чтобы при клике по ссылке был выполнен переход к элементу, который находится на одной странице с ведущей на него ссылкой, нужно в качестве значения атрибута href элемента <a> написать символ решётки (#), после которого указать идентификатор элемента, к которому будет выполнен переход:

<a href="#a1">ссылка</a>

Чтобы перейти к определённому месту на другой странице, нужно указать решётку и необходимый идентификатор после URL-адреса:


<a href="httр://www.example.com#a1">ссылка</a>


<a href="example/page.html#a1">ссылка</a>

Примечание: основная польза от ссылок внутри веб-страницы заключается в том, что на страницах с большим объёмом содержимого, пользователю не приходится прокручивать всю веб-страницу в поисках нужного раздела, а сразу щёлкнув по названию нужного раздела, перейти к нему.

С этой темой смотрят: