Тег <a>

В языке html Тег <a> является одним из важнейших элементов и используется для создания гиперссылок, с помощью которых можно делать меню сайта, осуществлять переход с одной веб-страницы на другую, делиться полезными ресурсами и так далее. Для того чтобы создать ссылку, необходимо использовать атрибут href тега <a>, где указывается адрес ссылки. Так же тег <a> имеет атрибут name, благодаря которому можно делать ссылки - якоря. Якоря это те же ссылки, но используются они внутри веб – страницы и указывают на определенную цель. С помощью якоря, например, легко сделать кнопку “на верх”, которая будет возвращать посетителя в начало страницы сайта или же, если статья имеет большой объем и делиться на множество подразделов, можно сделать меню, которое будет переносить посетителей в нужную часть статьи. Другими словами, якорь является некой закладкой веб – страницы, которая осуществляет переход в указанное место. Благодаря этим свойствам, тег <a> по праву можно считать самым весомым элементом при создании сайтов.

Как уже говорилось выше, в атрибутеhref тега <a> указывается адрес документа или страницы, на который необходимо осуществить переход. Адрес ссылки можно указать двумя способами: абсолютным и относительным. Абсолютные ссылки будут работать повсюду, независимо от веб-страницы или другого ресурса, так как указывается полный адрес ссылки, который начинается с http://... В относительных ссылках, указывается адрес относительно данного (текущего) документа или корня сайта. Когда же использовать абсолютные ссылки, а когда относительные? К примеру, абсолютный адрес  чаще используется для ссылок, которые ведут на сторонний сайт, а относительные ссылки используются внутри сайта и в основном служат для перехода с одной веб - страницы на другую. Правила написания кода для тега <a> следующие:

<a href="адрес ресурса">...</a>

<a name="уникальный идентификатор (имя)">...</a>

Для тега <a> обязателен закрывающий тег </a>.

*для создания якорей используют специальный идентификатор (имя). Название идентификатору можно придумать любое, главное чтоб он был уникальным, относительно используемой веб-страницы, и был написан на английском языке.

Атрибуты тега <a>

Помимо атрибутов href и name тег <a> имеет ряд других полезных атрибутов:

accesskey – служит для активации ссылки, используя правильную комбинацию клавиш.

coords – этот атрибут задает соответствующие координаты активной области.

download – используют для указания адреса файла, который можно скачать.

hreflang - определяет (указывает) язык текста по ссылке.

rel – задает связь между ссылаемым и текущим документами.

rev – этот атрибут наоборот задает связь между текущим и ссылаемым документами.

shape – определяет заданную форму активной области изображения, котороя является ссылкой.

tabindex – благодаря этому атрибуту, используя клавишу Tab, можно осуществлять переход между ссылками.

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

title – в этом атрибуте записывается текст, который будет служить подсказкой в сплывающем окне при наведении на ссылку.

type - задает MIME-тип документа.

Пример:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег A</title>
    <meta charset="utf-8">
  </head>
  <body>
    <p><a href="test.html">Давай проверим ссылку</a></p>
    <p><a href="images.jpg">Посмотри какую я нашел прикольную картинку</a></p>
  </body>
</html> 
            
Смотреть пример