вРазные полезности

Установка на странице Якоря и ссылки на него

Установка на странице Якоря и ссылки на него

Если просто, то можно использовать так:
<p><a name=»top»></a></p> — якорь (ставите туда куда нужно перейти)
<p><a href=»#top»>Ваш текст</a></p> — ссылка на якорь (нажав на неё вы перейдете в то место куда поставили якорь)
Заменяйте значение top на любое. У каждого якоря оно будет своим.
А вот подробная информация с сайта htmlbook.ru:
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Якоря удобно применять в документах большого объема, чтобы можно было быстро переходить к нужному разделу.
Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега <a> (пример 9.1). В качестве значения href для перехода к этому якорю используется имя закладки с символом решетки (#) впереди.
Пример 9.1. Создание якоря
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
 <head>
  <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
  <title>Быстрый переход внутри документа</title>
 </head>
 <body>
  <p><a name=»top»></a></p>
  <p>…</p>
  <p><a href=»#top»>Наверх</a></p>
 </body>
</html>
Между тегами <a name=»top»> и </a> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается с символа #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике. Главное, чтобы значения атрибутов name и href совпадали (символ решетки не в счет).
С якорями связана одна особенность работы браузера. После перехода к указанному якорю нажатие на кнопку «Назад» возвращает не на предыдущую просмотренную страницу, а к ссылке, с которой был сделан переход к якорю. Получается, что для перехода к предыдущему документу надо нажать кнопку «Назад» два раза.
Cсылку можно также сделать на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в атрибуте href тега <a> надо указать адрес документа и в конце добавить символ решетки # и имя закладки (пример 9.2).
Пример 9.2. Ссылка на закладку из другой веб-страницы
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
 <head>
   <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
   <title>Якорь в другом документе</title>
 </head>
 <body>
  <p><a href=»text.html#bottom»>Перейти к нижней части текста</a></p>
  </body>
</html>
В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom.
Если на веб-странице содержится ссылка на якорь, а самого якоря нет, то никакой ошибки не возникнет.

Похожие посты