Что такое ссылка и гиперссылка

«Ссылка» — понятие общее, она (ссылка) может быть указана в текстовом режиме и быть неактивной.

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

Все переходы (путь URL), которые мы совершаем из документа, это и есть гиперссылки. При чем, это может быть не только строчка текста или заголовок, но и графическое изображение (картинка).

Гипперссылка — это та связь, которая объединяет различные объекты в интернете. Текст ссылки называется анкором.

Для построения гиперссылки необходимо использование парного тега: открывающий <a> и закрывающий </a>

Анкор всегда располагается между тегами А. Текст анкора имеет значение для поисковиков.

Служебные ссылки не видны на странице — это гиперссылки, которые несут функционал сайта. Например, служебные ссылки располагаются в области  Head нашего сайта. Для них существует другой тег: <link>

Посмотрите на любую ссылку (служебную и неслужебную) в режиме HTML , и вы увидите общую для них закономерность — наличие атрибута href

href указывает, что сейчас пойдет адрес страницы, для которой предназначается ссылка.

В целом, выглядит гиперссылка так:

<a href=””>текст ссылки(анкор)</a>

Обратите внимание: между атрибутами нужно ставить пробелы
Какие еще атрибуты бывают в ссылке?

1. Атрибут target — определяет «как будет открываться документ» . Если стоИт  target  с приставкой target=”_blank”, то открытие документа произойдет в новом окне.

теперь ссылка выглядит так:

<a href=”” target=”_blank” >текст ссылки(анкор)</a>

или так:

<a target=”_blank” href=””  >текст ссылки(анкор)</a>

Как видите, есть два варианта размещения в ссылке этого атрибута — и оба они правильные.

2. Атрибут name — позволит вернуть читателя к тому отрывку статьи, на котором вы хотите акцентировать внимание. Это своеобразный якорь, позволяющий посетителю, без прокрутки страницы, сразу попадать в нужное место (это удобно, если статья объемная). name задается в виде ссылки, но на самом деле это anchor (не путать с анкором!)

<a name=”imya_metki”></a>

Вот сейчас я придумаю имя метке. Составлю свой первый anchor  и покажу вам его в визуальном (текстовом) редакторе:

<a name=”ssylka”></a>

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

Чтобы якорь «работал» , необходимо прописать в нужном месте текста хеш ссылку:

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

В нашем учебном примере, это будет выглядеть так:

<a href=”http://www.demoi.ru/949/chto-takoe-ssylka-i-giperssylka/#ssylka” target=”_blank” >Переход к нужному фрагменту</a>

И мы, наконец, получаем то, что хотели получить — нашу ссылку хеш :  Переход к нужному фрагменту

Майя Славская

Вирусная угроза была обнаружена. Как это было на моем сайте

nofollow и noindex: когда, зачем и как правильно их использовать

Как обрезать видео в редакторе YouTube