Создание гиперссылки
Гиперссылки являются очень важными базовыми элементами в HTML, поскольку они позволяют нам связывать различные документы и осуществлять навигацию, необходимую нашей информации, для их использования у нас есть элемент <a>, который имеет следующие атрибуты:
- href: укажите адрес или URL ресурса или элемента, на который мы хотим сослаться.
- hreflang: Давайте определим язык связанного ресурса.
- media: определяет устройство, на которое ссылается контент, это свойство является родным для HTML5.
- rel: устанавливает тип ваших отношений со связанным документом.
- target: указывает цель, в которой должен отображаться контент.
- type: указывает MIME связанного ресурса, например : image / gif или text / html .
Создать внешнюю гиперссылку
Чтобы создать гиперссылку, которая приведет нас к внешнему ресурсу в атрибуте href, мы должны начать ссылку с // таким образом, когда мы нажимаем на ссылку, браузер загрузит запрошенную страницу.
Я люблю яблоки и апельсины.
Создать относительную гиперссылку
Если наша гиперссылка не начинается с //, то браузер интерпретирует ее путем поиска в нашем локальном каталоге ресурса, который соответствует тому, что мы связали.
Относительно Вы можете увидеть другие фрукты, которые мне нравятся здесь.
Создать внутреннюю гиперссылку
В некоторых случаях нам необходимо включить элементы, которые облегчают навигацию на одной и той же странице из-за ее длины, для этого мы можем использовать внутренние ссылки, для достижения этого мы будем использовать атрибут id тегов, чтобы при нажатии По гиперссылке мы находим тэг с указанным идентификатором. Если нет идентификатора, соответствующего браузеру, необходимо найти соответствующий атрибут имени .
Внутренняя Внутренняя ссылка Нажмите.Здесь внутренний контент
Целевой атрибут
Этот атрибут позволяет нам выбрать, где мы будем показывать связанный ресурс, по умолчанию мы увидим содержимое в активном окне, нажав, однако мы не всегда хотим такое поведение, давайте посмотрим доступные варианты:
- _blank. Указывает, что новый документ открывается в новом окне или вкладке.
- _parent: открыть документ в родительском окне.
- _self: Открыть документ в текущем окне, это поведение по умолчанию.
- _top: открывает документ в полном окне независимо от возможных рамок.
- : Открыть новый документ в указанном фрейме .
Я люблю яблоки и апельсины.
Благодаря тому, что мы увидели в этом руководстве, мы уже можем создавать различные типы гиперссылок, которые позволят нам лучше контролировать нашу страницу и иметь возможность строить соответствующую навигацию в соответствии со стандартом HTML5 .
- 0
СТАТЬИ