Ссылки в HTML — что это такое // Вебшкола онлайн

 back-8030494 next-3165376 Ссылка — это «адрес» документа или сайта в интернете.

HTML ссылки

Этот пример демонстрирует, как создавать ссылки в html-документ.

Открывание ссылки в новом окне браузера

Пример демонстирует, как осуществить открывание ссылки в новом окне браузера, чтобы посетитель не покинул ваш сайт.

Гиперссылки, ссылки и якоря

В сети интернет, гиперссылка — это ссылка (адрес) ресурса в сети.

Гиперссылка может перевести вас на любой ресурс сети: html-страницу, изображение, звуковой файл, видео и т.д.

Якорь (закладка) — это термин, используемый для обозначения местоположения ссылки в документе (открытой странице).

HTML элемент используется для вставки гиперссылок и якорей.

HTML ссылка

Синтаксис ссылки

Текст ссылки

В стартовом теге содержатся атрибуты ссылки.

Содержимое элемента («Текст ссылки») определяет видимую часть ссылки, т.е. ту надпись (изображение и т.п.), на что можно будет кликать посетителю.

Заметка: Содержимым элемента не обязательно должен быть текст. Это может быть изображение или какой-либо другой html-элемент.

Атрибут href

Атрибут href определяет «адрес» ссылки.

Этот элемент определяет ссылку на W3Schools:Посетите W3Schools!

Атрибут target определяет то, где будет открыт документ, на который ведет ссылка.

Код, приведенный ниже откроет ссылку в новом окне браузера:

Посетите W3Schools!

Если используется атрибут name, элемент обозначает именованную закладку в html-документе.

Именованная закладка (якорь) никак не отображается в браузере пользователя, то есть он ее не видит.

Синтаксис именованной закладки такой:

Глава 1

Синтаксис ссылки, ведущей на эту закладку:

Перейти к Главе 1

Также к этой закладке можно перейти с другого сайта в интернете. Допустим, закладка находится на странице book.html на сайте freebooks.ru. Тогда для перехода на эту закладку надо сделать следующую ссылку:

Перейти к Главе 1

Полезные советы

Всегда добавляйте знак слэш при обращении к подпапке. Если вы ссылаетесь на адрес таким образом: href=»http://www.w3schools.com/html», вы генерируете два запроса к серверу, потому что сервер добавит знак слэш в конец адреса и создаст новый запрос: href=»http://www.w3schools.com/html/»

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

Если браузер не обнаружит именованную закладку, это не вызовет ошибки, просто браузер переведет пользователя в начало документа.

Еще примеры

Изображение как ссылка

Пример демонстрирует использование изображения в качестве ссылки.

Ссылка на определенное место в текущем документе

Пример демонстрирует как сделать ссылку для перемещения в определенное место открытого, либо любого другого документа.

Создание ссылки mailto

Пример демонстрирует как сделать ссылку на отправку почты

Тег

Тег Описание
Вставка ссылки или закладки

 back-8030494 next-3165376