a href что за тег

Ссылки. Тег

Ссылки являются основой гипертекстовых документов и позволяют переходить с одной Web-страницы на другую, а также на определенное место внутри Web-страницы. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к файлу, на который делается ссылка, был доступ.

Пара тегов . обрамляет текст ссылки или картинку, которая служит ссылкой.

Атрибуты тега

Адреса ссылок

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

Абсолютный адрес ссылки

Абсолютный адрес состоит из трех частей:

Пример

Абсолютная ссылки на страницу другого сайта:

Относительный адрес ссылки

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

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

Если вместо имени файла задать имя папки, то будет отображен индексный файл. Это может быть index.html, index.htm или index.php из этой папки.

Примеры

1. Относительная ссылка на целевой документ в той же папке, что и исходный документ:

2. Относительная ссылка на документ в папке, которая находится на одном уровне с исходным документом:

3. Относительная ссылка на документ, который находится на уровень выше исходного документа:

4. Относительная ссылка на документ, который находится в корне сайта:

Ссылка на конкретное место Web-страницы

Для создания ссылки на определенное место Web-страницы надо сначала поставить закладку-метку в соответствующее место и дать ей имя:

В адресе ссылки на метку в текущем документе перед именем метки ставится знак «решетка» ( # ):

В адресе ссылки на метку в другом документе указывается ее адрес и в конце добавляется знак «решетка» ( # ) и имя метки:

Данные в адресной строке браузера, которые идут после знака «решетка» ( # ), называют hash-данными (хэш-данными) или просто hash (хэш).

Отправка e-mail

Ссылка на адрес электронной почты (E-Mail):

Связь с FTP

FTP (File Transfer Protocol, протокол передачи файлов) позволяет пользователям копировать файлы с других компьютеров (FTP-сайтов). Таким методом компании часто распространяют свои новые программные продукты. Если не указывать имя файла, браузер выведет перечень всех файлов в каталоге. Это особенно удобно, если вы хотите, чтобы читатель получил доступ к нескольким файлам сразу, например, в случае больших файлов, разбитых на части для удобства передачи.

Звонок и СМС с браузера мобильного телефона

Позвонить по номеру с браузера мобильного телефона:

Отправить СМС с браузера мобильного телефона:

Источник

Тег A (гиперссылка)

Содержание

Глобальное значение ссылок

Значение ссылок в SEO

Поисковые алгоритмы берут в расчет следующие факторы:

Синтаксис тега

Атрибут Href

Атрибут Rel

Атрибут Target

_self Ссылка срабатывает в текущей вкладке браузера (применяется по умолчанию, если атрибут не прописан): _blank Страница загружается в новой вкладке браузера (принято применять для внешних исходящих ссылок):

Классификация ссылок

В зависимости от применяемых значений анкоров и атрибутов тега иссылки делятся на:

Абсолютные и относительные ссылки

В зависимости от представления URL в атрибуте href ссылки делятся на:.

Относительные ссылки могут ссылаться только на страницы домена, на которых они указаны.

Внешние и внутренние

Относительно сайта, на котором указаны ссылки, они делятся на:

Внутренние Ссылки между внутренними страницами сайта. Внешние Ссылки между страницами разных сайтов.

Входящие и исходящие ссылки

Относительно рассматриваемой веб-страницы ссылки делятся на:

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

В зависимости от текста в анкоре ссылки делятся на:

Анкорные Когда анкор описывает контент акцептора: Безанкорные Когда анкор не описывает контент акцептора. В качестве анкора безанкорных ссылок может применяться URL ( Uniform Resource Locator — унифицированный адрес ресурса ; URL-адрес ) — адрес идентификации, присвоенный веб-странице в Интернете. URL-адреса отображаются в адресной строке браузеров.

Анкоры ссылок учитываются алгоритмами ранжирования:

Навигационные, контекстные и рекламные ссылки

В зависимости от назначения ссылки делятся на:

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

Якорные ссылки

Якорная ссылка ссылается на элемент внутри страницы через указание идентификатора этого элемента (якорь ссылки) в атрибуте href после символа # :

Якорные ссылки чаще всего применяются в интерактивных оглавлениях страниц, облегчающих навигацию по разделам этих страниц.

Сквозные ссылки

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

Источник

Тег A

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

Описание

Для разработки ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес объекта, на который следует сделать ссылку. В качестве значения параметра href используется адрес объекта (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени с нашего сайта или web-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего объекта или корня с нашего сайта.

Синтаксис

Параметры

Закрывающий тег

Пример 1. Использование тега

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Описание параметров тега

Параметр HREF

Описание

Синтаксис

Обязательный параметр

Обязателен для ссылок.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Пример 2. Использование параметра href

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр NAME

Описание

Между тегами и контент писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.

Синтаксис

Обязательный параметр

Обязателен для якорей.

Аргументы

Любой контент с учетом регистра.

Значение по умолчанию

Пример 3. Создание якоря с помощью параметра name

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр TARGET

Описание

Синтаксис

Обязательный параметр

Аргументы

Значение по умолчанию

Пример 4. Открытие ссылки в новом окне

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр TITLE

Описание

Добавляет поясняющий контент к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.

Синтаксис

Обязательный параметр

Аргументы

Любая контентовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Пример 5. Создание всплывающей подсказки

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Источник

Преобразуется на странице в следующее:

Ссылки html вебмастера на профессиональном языке называют гиперссылками.

Атрибуты и свойства тега

В этом случае мы получим ту же ссылку, что и в первом примере, но перейдя по ней, страница откроется в новом окне.

2. Атрибут title=»подсказка» позволяет прописать подсказку, которая высветится при наведении курсора на ссылку. Это нужно для более точного описания ссылки. Атрибут тайтл поможет пользователю убедиться в том, что по ссылке он найдет нужную информацию, а для поисковой системы это дополнительный ключевые слова для страницы, на которую ведет ссылка.

Пример с подсказкой title

Преобразуется на странице в следующее:

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

3. Атрибут class=»название класса» задает класс стиля для ссылки. О классах Вы уже знаете из предыдущего урока (стили в html). Для тега a стили имеют небольшие отличия. Объясню все нюансы на следующем примере.

Преобразуется на странице в следующее:

4. Атрибут rel=»параметр» — определяет отношения между текущим документом и документом, на который ведет ссылка. Этот атрибут носит важное значение для поисковых машин, но браузерами никак не трактуется. Может принимать следующее значения:

4.1. nofollow — означает то, что вес по ссылке не будет передаваться (робот не будет переходить по ссылке). Например:

4.2. canonical — в случае множества дублей на сайте, указывает главную страницу среди всех дублей

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

Как сделать ссылку на адрес почты

У ссылок есть еще одна интересная возможность: можно сразу указать адрес почты в таком формате, что при переходе по ней у пользователя будет открываться программа, которая стоит по умолчанию по обработке его почты. Возможно это будет OutLook или же браузер по умолчанию с почтой.

Сделать ссылку с адресом электронной почты легко. Для этого есть специальное слово mailto:

Уважаемый читатель, теперь Вы узнали гораздо больше о html теге a. Теперь советую перейти к следующему уроку.

Источник

1.5. HTML-ссылки

Ссылки можно поделить на две категории:

Как сделать гиперссылки на сайте

1. Структура ссылки

Ссылка состоит из двух частей — указателя и адресной части. Указатель ссылки представляет собой фрагмент текста или изображение, видимые для пользователя. Адресная часть ссылки пользователю не видна, она представляет собой адрес ресурса, к которому необходимо перейти.

Адресная часть ссылки состоит из URl. URl (Uniform Resource Locator) — унифицированный адрес ресурса. При создании адресов для разделения слов между собой рекомендуется использовать дефис, а не символ подчёркивания. В общем виде URl имеющий следующий формат:

Метод доступа, или протокол, осуществляет обмен данными между рабочими станциями в разных сетях. Наиболее распространенные протоколы передачи данных:

file обеспечивает чтение файла с локального диска:

http предоставляет доступ к веб-странице по протоколу HTTP:

https — специальная реализация протокола HTTP, использующая шифрование (как правило, SSL или TLS):

ftp осуществляет запрос к FTP-серверу на получение файла:

mailto запускает сеанс почтовой связи с указанным адресатом и хостом:

Номер порта ТСР, на котором функционирует веб-сервер. Представляет собой число, которое необходимо указывать, если метод требует номер порта (отдельные сервера могут иметь свой отличительный номер порта). Если порт не указан, по умолчанию используется порт 80. Стандартными портами являются:

Путь содержит имя папки, в которой находится файл.

2. Абсолютный и относительный путь

Когда в ссылке указывается только имя файла, браузер предполагает, что файл находится в той же папке, что и документ, содержащий гиперссылку. На практике веб-сайты содержат сотни документов, которые размещают в отдельные папки, чтобы ими было легче управлять. Чтобы создать ссылку на файл, находящийся вне папки, содержащей текущий документ, необходимо указать расположение файла или путь. HTML поддерживает два вида пути: абсолютный и относительный.

Рис. 1. Пример структуры папок

2.1. Абсолютный путь

Абсолютный путь указывает точное местоположение файла в пределах всей структуры папок на компьютере (сервере). Абсолютный путь к файлу даёт доступ к файлу со сторонних ресурсов и содержит следующие компоненты:

Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него:

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

Если файл находится в корневой папке, то путь к файлу будет следующим:

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

2.2. Относительный путь

Относительный путь содержит следующие компоненты:

Путь для относительных ссылок имеет три специальных обозначения:

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

3. Якоря

Следующая разметка создаст оглавление с быстрыми переходами на соответствующие разделы:

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

4. Как сделать изображение-ссылку

Рис. 2. Изображение-ссылка

5. Как сделать ссылку на телефонный номер, скайп или адрес электронной почты

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

Источник