Улучшаем интерфейс сайта. Добавляем якоря

Автор Damir-Tote. Опубликовано в Продвижение сайта

Улучшаем интерфейс сайта. Добавляем якоря, чтобы сделать навигацию по сайту более простой и удобной для посетителя. Ведь якорем является весьма удобный элемент страницы, который позволит легко найти нужную посетителю информацию. Якорь работает, как простая обычная ссылка, отличием является то, что эта ссылка работает не на внешний сайт, в внутри того, где установлена.

Якорь работает, как оглавление внутри документа. То есть, в верхней части, вы видите основной текст, а внизу этого текста видите сопутствующую информацию к тексту. Например, вы читаете информацию о музыкальной группе, а после вступительного текста видите дискографию и блоки по музыкальным альбомам. Чтобы посетителю было легко добраться до нужного альбома, можно в тексте дискографии разместить якорь, кликнув по которому, посетитель перейдет к информации о нужном альбоме ниже. Страница прокрутится вниз, до нужного текста, предварительно помеченного при установке якоря. Это чем-то напоминает метки, которые так же могут экономить время и являются удобным навигационным инструментом. А вот, если Вы хотите иметь отличную навигацию в своем телефоне, то берите nokia lumia 930 у официальных представителей.Улучшаем интерфейс сайта. Добавляем якоря

Итак, приступим к созданию якоря. Внешне все выглядит так, как стандартная гиперссылка, которая создается при помощи тега <a> и его закрывающего тега </a>. Отличием является то, что в такой ссылке не применяется атрибут href, а вместо него используется атрибут id. Его использование является обязательным, поскольку задает уникальное имя якорю и с помощью него связывается с нужной областью в тексте. ID должно начинаться с буквы и содержать только латинские символы, цифры и знак подчеркивания. Внутри тегов <a></a> прописывать ничего не будем, а сделаем, например, так: <a id=»yakor_1″></a>.

Следующим этапом является создание ссылки на этот якорь, которую необходимо создавать обычным образом, но используя в атрибуте href адрес страницы и якорь (для внешних страниц), или просто якорь, если ссылка будет работать внутри текущей страницы. Исходя из этих правил мы получаем ссылки такого вида:

  • Для других страниц сайта - <a href="news1.html#yakor_1"></a>
  • Для этой же страницы сайта - <a href="#yakor_1"></a>

Вот и всё, якорь создан. Этой информации вполне хватит для создания якорей, которые несомненно приведут к качественным изменениям в навигации вашего сайта.

.