HTML-тег «a» для создания ссылки или якоря

Вконтакте
Google+

HTML-тег < a > для создания ссылки или якоря

Одним из важных элементов в HTML, является тег для создания ссылки или якоря – тег <a>. Чтобы установить ссылку, к тегу <a> нужно добавить атрибут href, а чтобы установить якорь, нужно добавить атрибут name. Закрывающий тег </a> нужно указывать обязательно.

Для создания ссылки, нужно указать в качестве значения href, абсолютный или относительный URL-адрес веб-страницы, на которую нужно перейти или документа, который нужно открыть.

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

http://timurziev.ru/map.html – абсолютный адрес. Где бы он небыл оставлен, он будет работать и указывать на страницу – map.html сайта http://timurziev.ru.

/map.html – относительный адрес. Будет работать только на данном сайте. Если оставить относительную ссылку на другом сайте, то к этому адресу подставится текущий домен и ссылка не будет (правильно) работать.

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

Например, у меня на этом сайте, ссылка на карту сайта указана с относительным URL — адресом

Браузер подставляет домен http://timurziev.ru (домен на котором расположена ссылка) и ссылка работает.

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

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

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

Ссылка с абсолютным адресом

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

Синтаксис якоря

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

а в начале статьи оставляются ссылки на якоря, в атрибутах href которых указаны идентификаторы якорей c символом решетка (#, шарп)

При нажатии на ссылку, страница будет прокручена к соответствующей главе.

Так же якоря можно использовать для указания, какой либо области html документа.

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

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

HTML
08.04.2017
AMEERTEAM
ameerteam@timurziev.ru
Печалиться о прошлом абсурдно, ты не сможешь его изменить. Бояться будущего бессмысленно, оно не существует.

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

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