HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка




Ссылки в HTML


назад вперед
Ссылка — это «адрес» документа или сайта в интернете.

Примеры

HTML ссылки

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

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

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


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

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

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

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

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


HTML ссылка

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

<a href="url">Текст ссылки</a>

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

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

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


Атрибут href

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

Этот элемент <a> определяет ссылку на W3Schools:

<a href="http://www.w3schools.com/">Посетите W3Schools!</a>

Атрибут target

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

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

<a href="http://www.w3schools.com/"
target="_blank">Посетите W3Schools!</a>

Атрибут name

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

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

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

<a name="Название закладки">Глава 1</a>

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

<a href="#Название закладки">Перейти к Главе 1</a>

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

<a href="http://www.freebooks.ru/book.html#Название закладки">Перейти к Главе 1</a>


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

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

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

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


Еще примеры

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

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

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

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

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

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


Тег <a>

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


Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта