Тег a

Гиперссылки.

Гиперссылки предназначены для связки страниц. Они могут ссылаться в пределах одного ресурса или любой другой в интернете.

Синтаксис

Создается она довольно легко. Для этого нужно найти текст, который вы планируете сделать ссылкой и заключить его между тегами <a>. У тега есть обязательный атрибут href. В нем указывается адрес, на который мы планируем перейти, заключается он в кавычки.

<a href=“new.php”>текст для посетителя сайта</a>

Между тэгами <a> необходимо поместить текст, который будет видеть посетитель ресурса.

<a href=”newsarchive.zip”>скачать архив с новостями</a>

В этом примере указана ссылка на zip архив. При нажатии на нее, посетителю будет предложено его скачать. Если не создавать дополнительных атрибутов для ее стиля, то будет текст ссылки синего цвета, снизу подчеркнутый линией.

<a href=”#”>я не пойду никуда</a>

Стоит отметить, что могут они быть и пустыми (т. е. никуда не вести), как в примере выше.

Виды гиперссылок

Всего существует два вида: абсолютные и относительные.

Абсолютные 

Предназначаются для перемещения на внешние ресурсы. В таких случаях в тег href помещается полный адрес.

<a href=” sait” target=”_blank”>Это ссылка на другой сайт</a>

Иногда в таких случаях указывается тег target, как в данном примере. Здесь указано значение _blank, что значит – ссылка откроется в другом окне браузера.

Относительные

Такие ссылки нужны для переходов внутри сайта.

<a href=“gallery.html”>галерея картинок</a>

Здесь адрес можно писать сокращенно, опуская указание протокола.

Якоря в ссылках

Предназначены они для навигации по конкретной странице. Часто бывают достаточно объемные статьи, которые неудобно листать. Для этого с помощью якорей создается меню. Ссылка будет ссылать на конкретный абзац в статье, помеченный идентификатором (id).

<h1 id=“2”>

Здесь находится текст второго раздела.

</h1>

<a href=“#2”>перейти ко второму разделу</a>

Вместо ссылки в атрибут href вписывается название якоря после решетки. Оно может иметь любое значение.

Атрибут title

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

Например, тег title существует для создания подсказок.

<a title=»подсказка: эта ссылка ведет на страницу с описанием» href=» /page.html»>страница 2</a>

Она будет всплывать, когда пользователь сайта наведет курсор на ссылку. Текст всплывающего окна вписывается в качестве значения атрибута title и заключается в кавычки.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *