Обзоры интернет сервисов, проектов и стартапов - только самые интересные и полезные ресурсы всемирной паутины: описание функциональности, возможности, скриншоты, видео туры, личные впечатления и опыт использования...

Ноябрь 14 2013

Якоря в HTML при создании сайта

Якоря в HTMLЯкорь – это закладка, имеющая уникальное имя, которая находится в определенном месте страницы сайта. Цель якоря заключается в том, чтобы осуществлять быстрый переход по ссылке в указанное место. Такие переходы удобно делать в больших документах, где есть необходимость быстрого перехода в ту или иную точку веб-страницы. Кстати для массивных сайтов и сложных веб-проектов желательно покупать качественный хостинг например bitte.net.ua. Можете выбрать немецкие сервера для размещения проектов.

Чтобы сделать якорь, необходимо в выбранном месте документа сделать закладку с именем. Имя присваивается в теге <a> при помощи атрибута name. Далее в атрибуте href необходимо прописать значение с именем закладки, причем перед именем нужно поставить специальный символ #.

Между парным тегом <a> текст можно не писать, следует только указать то место, где должен быть переход по ссылке, который обычно находится внизу страницы. Каждое имя ссылки обязательно должно начинаться с решетки (#), далее указывается какое-нибудб имя якоря. Главное в этой структуре кода – это то, чтобы значения атрибутов href и name были одинаковыми, причем # не считается.

С якорями есть особенность, связанная с работой браузера. Когда был осуществлен переход к соответствующему якорю, то кнопка «Назад» будет возвращать не предыдущей странице (уже просмотренной), а к ссылке, из которой был переход к якорю. Поэтому в браузере для перехода к предыдущей странице необходимо два раза нажать кнопку «Назад».

Эти якоря можно делать не только в одном документе, но и делать ссылки на другую страницу или сайт. Так в теге <a> необходимо в значении атрибута href прописать адрес интересующего документа, а в конце добавить # с именем закладки.

С помощью якоря можно осуществлять быстрые переходы в ту или иную часть документа, если в HTML коде будет прописана ссылка на якорь, но самого якоря не будет, то ошибка не возникнет. Однако, соответственно, переход не будет осуществляться.

Оставить комментарий