Как правильно поставить якорь HTML
- Якорь: удобная навигация по веб-документу
- Простой способ создания якорей
- Примеры использования name и id
- Создание ссылки на якорь
- < a href="#punkt1">Пункт 1< /a>
- Ссылки на якорь на другой странице
- < a href="/adress-stranici#punkt1">Ссылка на другую страницу< /a>
Якорь: удобная навигация по веб-документу
Якорь – это стандартный элемент, который используется для создания удобной навигации по веб-документу. Он позволяет создать активное кликабельное содержание статьи, что упрощает чтение текста и поиск нужной информации на странице. Якори также могут использоваться для направления читателя на произвольную точку в тексте. Этот инструмент значительно облегчает чтение и организацию документа, а также не вызывает затруднений при работе с ним.
Простой способ создания якорей
Создание якоря очень просто. Сначала нужно создать метку в теле документа. Именно на эту метку будет ссылаться кликабельная ссылка на странице, чтобы перенести читателя на нужную точку. Метка может быть создана с использованием инструмента name или id.
Примеры использования name и id
Использование инструмента name требует уникального имени метки, которое должно отличаться от других имен на странице. Заполнение пространства между тегами необязательно, но рекомендуется для улучшения ориентирования в коде.
Использование инструмента id еще проще, достаточно присвоить конкретному элементу на странице уникальный id номер.
Создание ссылки на якорь
Для создания ссылки на выбранный якорь необходимо использовать одинаковую конструкцию в обоих случаях. Стандартный код ссылки дополняется инструментом #. Например, для ссылки на пункт 1 на странице, код будет выглядеть следующим образом:
< a href="#punkt1">Пункт 1< /a>
При клике на данную ссылку, произойдет переход к пункту 1, который должен быть выделен согласно описанию, представленному выше (с помощью элемента name или id).
Ссылки на якорь на другой странице
Иногда требуется сослаться на конкретную точку на другой странице на том же сайте. Для этого необходимо создать конструкцию следующего вида:
< a href="/adress-stranici#punkt1">Ссылка на другую страницу< /a>
Где /adress-stranici - имя страницы на сервере, на которой описаны режимы работы, а punkt1 - конкретный режим, к которому требуется перейти на данной странице.
При клике на эту ссылку, пользователь будет перенаправлен на страницу с именем adress-stranici и перемещен к якорю с названием punkt1.
