Содержание

Атрибут href | htmlbook.ru


Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 2.1+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target.

Синтаксис

<a href="URL">...</a>

Обязательный атрибут

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

Значения

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

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

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег А, атрибут href</title>
 </head>
 <body>
  <p><a href="../../example/knob.html">Относительная ссылка</a></p>
  <p><a href="http://htmlbook.ru/example/knob.html">Абсолютная ссылка</a></p>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Урок 4. Ссылки в html


Что такое ссылка html?


Ссылка html — это одно из основных понятий в создании html-документов. Каждый пользователь интернета хотя бы раз ими пользовался. Каждый раз нажимая в интернете на зайти, просмотреть, прочитать, подробнее, переходя по новостям и прочее Вы пользуетесь ссылками! Страницы, по которым Вы переходите, могут находиться на абсолютно разных сайтах.
Ссылка, как правило, выделяется нижним подчёркиванием и синим цветом. Однако в качестве ссылки могут выступать ссылки других цветов, изображения и области сайта.

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

Рассмотри пример конструкции ссылки:

<html>
   <head>
   <title>Ссылка в html</title>
   </head>
<body>

   <a href="http://www.yandex.ru">Перейти на Яндекс</a>

</body>
</html>


В результате получаем

Перейти на Яндекс
Как Вы видите ссылка состоит из Слов (Перейти на Яндекс), которые вставлены между открывающим и закрывающим тегами a и Адреса ( http://www.yandex.ru ), который прописывается в атрибуте href в кавычках.

Тег a обозначает ссылку. У него обязательно должна быть закрывающая часть. У тега a есть несколько атрибутов.

Атрибут href и адреса ссылок


href — самый важный атрибут! В нём прописывается адрес ссылки, по которой перейдёт пользователь.
Адрес ссылки бывает абсолютный и относительный.

В абсолютном прописывается полный URL адрес, например http://tradebenefit.ru/index.html (используется при ссылке на другой сайт или файл другого сайта).

В относительном указывается адрес относительно внутреннего файла. То есть допустим у Вас есть файл index.html, а другой — info.html, также находится на этом компьтере, хостинге и тп. Так вот ссылка Внутри сайта (на том же хостинге, компьютере и тп) на другую страницу будет называться относительной и выглядеть будет короче — info.html (ссылка на файл info.html, который находится в этой же папке)


Для понимания вышесказанного рассмотрим пример кода
<html>
   <head>
   <title>Атрибут href в ссылках html</title>
   </head>
<body>

<a href="http://tradebenefit.ru/index.php">Абсолютная ссылка</a>
<a href="rules.php">Относительная ссылка</a>

</body>

</html>


С первой ссылкой я думаю всё понятно, дан адрес целиком.
Во втором случае прописывается укороченный адрес, так как файлы находятся на одной машине (сервере). Если файл будет находиться на папку глубже, допустим у нас есть файл index.html и папка data, в которой есть файл info.html, то ссылка будет выглядеть так
<a href="data/info.html">Относительная ссылка</a>

Если файл, на который ссылаемся, находится наоборот, на папку выше, то делаем так
<a href="../info.html">Относительная ссылка</a>

Атрибут target


При использовании атрибута target чаще всего используются три значения: _self, _new, _blank.

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

_new страница по ссылке откроется в новом окне. Данное значение не всегда отрабатывается как надо, поэтому в некоторых браузерах может открыть новое окно
_blank страница по ссылке открывается в новой вкладке. Чаще всего атрибут target используют именно с этим значением.

Теперь рассмотрим пример кода

<html>
   <head>
   <title>Атрибут target в ссылках html</title>
   </head>
<body>

<a href="http://www.yandex.ru">Яндекс откроется в этой же вкладке</a>
<a href="http://www.yandex.ru" target="_self">Яндекс принудительно откроется в этой же вкладке</a>
<a href="http://www.yandex.ru" target="_new">Яндекс откроется в новом окне</a>
<a href="http://www.yandex.ru" target="_blank">Яндекс откроется в новой вкладке</a>

</body>

</html>


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

Перейти на Яндекс

Атрибут title


Атрибут title служит для того, чтобы при наведении на ссылку выплывала подсказка. В атрибуте title соответственно прописывается текст подсказки или пояснения
<html>
   <head>
   <title>Атрибут title в ссылках html</title>
   </head>
<body>

<a href="http://www.yandex.ru" title="Ссылка на Яндекс">Яндекс</a>

</body>
</html>


При наведении на ссылку высветится сообщение ‘Ссылка на Яндекс’.

Атрибут charset


Атрибут charset служит для того, чтобы браузеру отправлялась информация о том, что сайт по ссылке создан в другой кодировке. Данное действие позволит избежать некорректного отображения символов при переходе.
<html>
   <head>
   <title>Атрибут charset в ссылках html</title>
   </head>
<body>

<a href="http://www.unicode.org/" charset="utf-8">Сайт в кодировке utf-8</a>

</body>
</html>


Спасибо за внимание! Урок очень важный! Использование ссылок — основа основ! Удачи!

html — Что такое href = «#» и почему оно используется?

О гиперссылках:

Основное использование тегов привязки — <a></a> — это гиперссылок . Это в основном означает, что они куда-то вас заберут. Для гиперссылок требуется свойство href, поскольку оно указывает местоположение.

Hash:

Хеш — # в гиперссылке указывает идентификатор элемента html, на который следует прокручивать окно.

href="#some-id" прокрутит до элемента на текущей странице, например, <div>.

href="//site.com/#some-id" перейдет в site.com и выделите идентификатор на этой странице.

Прокрутите вверх:

href="#" не указывает имя идентификатора, но имеет соответствующее местоположение — верхнюю часть страницы. Нажав на якорь с помощью href="#", вы переместитесь в положение прокрутки вверх.

Просмотрите эту демонстрацию.

Это ожидаемое поведение в соответствии с документацией w3.

Заполнители гиперссылки:

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

<a href="#">, так что тег привязки является гиперссылкой, но никуда не денется. Почему бы не оставить свойство href пустым? Пустое свойство href на самом деле является гиперссылкой на текущую страницу. Другими словами, это приведет к обновлению страницы. Как я уже говорил, href="#" также является гиперссылкой и вызывает прокрутку. Следовательно, наилучшее решение для заполнителей гиперссылок на самом деле — href="#!" Идея состоит в том, что, надеюсь, на странице нет элемента с id="!" (кто это делает !?), и поэтому гиперссылка ни на что не ссылается — так что ничего не происходит.

О тегах привязки:

Другой вопрос, который может вас заинтересовать: «Почему бы просто не оставить свойство href выключенным?». Обычно я слышал, что свойство

href является обязательным, поэтому оно «должно» присутствовать на якорях. Это ЛОЖЬ! Свойство href требуется только для того, чтобы якорь действительно был гиперссылкой! Прочтите это с w3 . Итак, почему бы просто не оставить это для заполнителей? Браузеры отображают стили по умолчанию для элементов и изменяют стиль по умолчанию для тега привязки, который не имеет свойства href. Вместо этого он будет рассматриваться как обычный текст. Это даже меняет поведение браузера относительно элемента. Строка состояния (внизу экрана) не будет отображаться при наведении курсора на якорь без свойства href. Лучше всего использовать значение метки-заполнителя для привязки, чтобы убедиться, что оно рассматривается как гиперссылка.

Посмотрите эту демонстрацию , демонстрирующую различия в стиле и поведении.

— Веб-технологии для разработчиков

aChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка Да
Полная поддержка Да
Замечания Starting with Firefox 41, <a> without href attribute is no longer classified as interactive content: clicking it inside <label> will activate labelled content (bug 1167816).
IE Полная поддержка ДаOpera Полная поддержка
Да
Safari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка Да
Полная поддержка Да
Замечания Starting with Firefox 41, <a> without href attribute is no longer classified as interactive content: clicking it inside <label> will activate labelled content (bug 1167816).
Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
charset Chrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
coords Chrome Нет поддержки НетEdge Нет поддержки НетFirefox Нет поддержки ? — 58
Нет поддержки ? — 58
Замечания You can no longer nest an <a> element inside a <map> element to create a hotspot region — coords and shape attribute support removed.
IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Нет поддержки ? — 58
Нет поддержки ? — 58
Замечания You can no longer nest an <a> element inside a <map> element to create a hotspot region — coords and shape attribute support removed.
Opera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет
downloadChrome Полная поддержка 14
Полная поддержка 14
Замечания Starting in Chrome 65, cross-origin downloads are not supported on the <a> element.
Edge Полная поддержка 18
Полная поддержка 18
Частичная поддержка 13
Замечания Until Edge 14 (build 14357), attempting to download data URIs caused Edge to crash (bug 7160092).
Замечания Edge 17 or older didn’t follow the attributes’ value to determine filename (bug 7260192).
Firefox Полная поддержка 20IE Нет поддержки НетOpera Полная поддержка 15Safari Полная поддержка 10.1WebView Android Полная поддержка Да
Полная поддержка Да
Замечания Starting in WebView 65, cross-origin downloads are not supported on the <a> element.
Chrome Android Полная поддержка 18
Полная поддержка 18
Замечания Starting in Chrome 65, cross-origin downloads are not supported on the <a> element.
Firefox Android Полная поддержка 20Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 1.0
Полная поддержка 1.0
Замечания Starting in Samsung Internet 9.0, cross-origin downloads are not supported on the <a> element.
hrefChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
hreflangChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
name Chrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
ping ЭкспериментальнаяChrome Полная поддержка ДаEdge Полная поддержка 79Firefox Полная поддержка Да
Полная поддержка Да
Отключено This feature is behind the browser.send_pings preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка Да
Полная поддержка Да
Отключено This feature is behind the browser.send_pings preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка Да
referrerpolicyChrome Полная поддержка 51Edge Полная поддержка 79Firefox Полная поддержка 50IE Нет поддержки НетOpera Полная поддержка 38Safari Полная поддержка 11.1WebView Android Полная поддержка 51Chrome Android Полная поддержка 51Firefox Android Полная поддержка 50Opera Android Полная поддержка 41Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 7.2
relChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
rev Chrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
shape Chrome Нет поддержки НетEdge Нет поддержки НетFirefox Нет поддержки ? — 58
Нет поддержки ? — 58
Замечания You can no longer nest an <a> element inside a <map> element to create a hotspot region — coords and shape attribute support removed.
IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Нет поддержки ? — 58
Нет поддержки ? — 58
Замечания You can no longer nest an <a> element inside a <map> element to create a hotspot region — coords and shape attribute support removed.
Opera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет
targetChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
typeChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
Ссылки HTML, как сделать ссылку (гиперсылку) в html. Уроки для начинающих академия


Ссылки встречаются практически на всех веб-страницах. Ссылки позволяют пользователям щелкать их путь от страницы к странице.


HTML ссылки-гиперссылки

Ссылки HTML являются гиперссылками.

Вы можете щелкнуть по ссылке и перейти к другому документу.

При наведении указателя мыши на ссылку, стрелка мыши превратится в маленькую руку.

Примечание: Ссылка не обязательно должна быть текстом. Это может быть изображение или любой другой HTML-элемент.


HTML ссылки-синтаксис

В HTML ссылки определяются тегом <a>:

<a href=»url«>текст ссылки</a>

Пример

<a href=»https://html5css.ru/html/»>Посетите наш HTML Справочник</a>

href атрибут указывает адрес назначения (https://html5css.ru/HTML/) ссылки.

текст ссылки является видимой частью (см. наш учебник по HTML).

Щелчок по тексту ссылки отправит вас по указанному адресу.

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


Локальные ссылки

В приведенном выше примере используется абсолютный URL (полный веб-адрес).

Локальная ссылка (ссылка на тот же веб-узел) указывается с относительным URL-адресом (без http://www….).

Пример

<a href=»html_images.php»>HTML Images</a>



Цвета ссылок HTML

По умолчанию ссылка будет выглядеть так (во всех браузерах):

  • Непосещаемая ссылка подчеркнута и синяя
  • Посещаемая ссылка подчеркнута и пурпурная
  • Активная ссылка подчеркнута и красная

Можно изменить цвета по умолчанию с помощью CSS:

Пример


a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style>


HTML ссылки-целевой атрибут

Атрибут target указывает, где открыть связанный документ.

Атрибут target может иметь одно из следующих значений:

  • _blank — Открытие связанного документа в новом окне или вкладке
  • _self — Открывает связанный документ в том же окне/вкладке, в котором он был нажат (по умолчанию)
  • _parent — Oручка связанного документа в родительском фрейме
  • _top — Открытие связанного документа в полном тексте окна
  • framename

| HTML | WebReference

Элемент <a> (от англ. anchor — якорь) является одним из важных в HTML и предназначен для создания ссылок. Для этого необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

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

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

Атрибуты

coords
Устанавливает координаты активной области.
download
Предлагает скачать указанный по ссылке файл.
href
Задаёт адрес документа, на который следует перейти.
hreflang
Идентифицирует язык текста по ссылке.
name
Устанавливает имя якоря внутри документа.
rel
Отношения между ссылаемым и текущим документами.
rev
Отношения между текущим и ссылаемым документами.
shape
Задаёт форму активной области ссылки для изображений.
target
Имя окна или фрейма, куда браузер будет загружать документ.
type
Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>А</title> </head> <body> <p><a href=»image/xxx.jpg»>Посмотрите на мою фотографию!</a></p> <p><a href=»page/tip.html»>Как сделать такое же фото?</a></p> </body> </html>

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Как научиться разрабатывать сайты

Ссылки. Тег

У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!

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

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

Атрибуты тега <a>
href Адрес документа, на который ведет ссылка.
rel Определяет отношение между исходным документом и документом, на который ведет ссылка. Большинство браузеров не поддерживают атрибут rel. Но несмотря на это, на сайтах часто можно встретить ссылки с атрибутом rel=»nofollow», который предназначен для поисковых систем Google и Яндекс. Такие ссылки не передают PageRank и ТИЦ.
title Всплывающий текст, появляющийся при наведении курсора мышки на ссылку.
download
Этот атрибут дополняет существующий атрибут href, и говорит браузеру, что ресурс, на который указывает href нужно скачать, а не открывать. Значение атрибута download используется для задания названия загружаемого файла.

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

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

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

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

  • Протокол. Это может быть «http://» или «https://».
  • Доменное имя сайта. Например, «htmlweb.ru».
  • Полное имя файла целевого документа (включая папки) относительно корня сайта. Например, «/analiz/seo.php».

Вместе это выглядит как «http://htmlweb.ru/analiz/seo.php». Для так заданного имени файла существует название: Универсальный Локатор Ресурса (URL). URL текущего документа выводится в адресной строке браузера.

Пример

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

<a href="http://vsetaksi.ru/rostov-na-donu/22.htm">Лидер</a>

По умолчанию, при переходе по ссылке документ открывается в текущей вкладке.
Чтобы открыть документ в новой вкладке, надо использовать атрибут
onclick=»return !window.open(this.href)».

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

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

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

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

Примеры

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

Относительная ссылка
<a href="Целевой документ.html">Ссылка</a>

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

Относительная ссылка
<a href="Папка/Целевой документ.html">Ссылка</a>

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

Относительная ссылка
<a href="../Целевой документ.html">Ссылка</a>

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

Относительная ссылка
<a href="/Целевой документ.html">Ссылка</a>

На страницы чужих сайтов ссылаются в абсолютной форме, а на страницы своего сайта – в относительной.

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

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

<a name="partner"></a>
или
<h4>Партнерская программа</h4>

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

<a href="#partner">Партнерская программа</a>

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

<a href="/analiz/seo/seo_other.php#partner">Партнерская программа</a>

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

Отправка e-mail

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

<a href="mailto:[email protected]">Написать письмо</a>.

Связь с FTP

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

Связь с FTP:

<a href="ftp://ftp.newusers.ru">FTP</a>

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

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

<a href="tel:+1234567890"> Звоните нам бесплатно! </ a>

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

<a href="sms:12345678">SMS для 12345678</a>
<a href="sms:12345678?body=Hello my friend">SMS “Hello my friend” для 12345678</a>
<a href="sms:123456789,+123456780?body=Hello">SMS для нескольких телефонных номеров</a>

Читать дальше: Картинки на сайте

html — Что такое href = «#» и почему оно используется?

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Публичные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним технические возможности карьерного роста
  5. Талант Нанимать технический талант
.

Что такое href = javascript :; — Переполнение стека

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Публичные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним технические возможности карьерного роста
  5. Талант Нанимать технический талант
  6. реклама Связаться с разработчиками по всему миру

Загрузка…

.

тегов — что означает href в HTML?

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Публичные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним технические возможности карьерного роста
  5. Талант Нанимать технический талант
  6. реклама Связаться с разработчиками по всему миру
,

HTML — Что это значит?

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Публичные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним технические возможности карьерного роста
  5. Талант Нанимать технический талант
  6. реклама Связаться с разработчиками по всему миру
,