Что такое href: Атрибут href | htmlbook.ru - Блог сумасшедшего сисадмина

Содержание

Атрибут 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. Лучше всего использовать значение метки-заполнителя для привязки, чтобы убедиться, что оно рассматривается как гиперссылка.

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

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

`a`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да Полная поддержка Да Замечания 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 Полная поддержка 12	Firefox Полная поддержка Да	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 Нет поддержки Нет
`download`	Chrome Полная поддержка 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 Полная поддержка 20	IE Нет поддержки Нет	Opera Полная поддержка 15	Safari Полная поддержка 10.1	WebView 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 Полная поддержка 20	Opera 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.
`href`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	IE Полная поддержка Да	Opera Полная поддержка Да	Safari Полная поддержка Да	WebView Android Полная поддержка Да	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка Да
`hreflang`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	IE Полная поддержка Да	Opera Полная поддержка Да	Safari Полная поддержка Да	WebView Android Полная поддержка Да	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка Да
`name`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	IE Полная поддержка Да	Opera Полная поддержка Да	Safari Полная поддержка Да	WebView Android Полная поддержка Да	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка Да
`ping` Экспериментальная	Chrome Полная поддержка Да	Edge Полная поддержка 79	Firefox Полная поддержка Да Полная поддержка Да Отключено 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 Полная поддержка Да
`referrerpolicy`	Chrome Полная поддержка 51	Edge Полная поддержка 79	Firefox Полная поддержка 50	IE Нет поддержки Нет	Opera Полная поддержка 38	Safari Полная поддержка 11.1	WebView Android Полная поддержка 51	Chrome Android Полная поддержка 51	Firefox Android Полная поддержка 50	Opera Android Полная поддержка 41	Safari iOS Нет поддержки Нет	Samsung Internet Android Полная поддержка 7.2
`rel`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	IE Полная поддержка Да	Opera Полная поддержка Да	Safari Полная поддержка Да	WebView Android Полная поддержка Да	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка Да
`rev`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	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 Нет поддержки Нет
`target`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	IE Полная поддержка Да	Opera Полная поддержка Да	Safari Полная поддержка Да	WebView Android Полная поддержка Да	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка Да
`type`	Chrome Полная поддержка Да	Edge Полная поддержка 12	Firefox Полная поддержка Да	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 = «#» и почему оно используется?
Переполнение стека
Товары
Клиенты
Случаи использования
Переполнение стека Публичные вопросы и ответы
Команды Частные вопросы и ответы для вашей команды
предприятие Частные вопросы и ответы для вашего предприятия
работы Программирование и связанные с ним технические возможности карьерного роста
Талант Нанимать технический талант
.
Что такое href = javascript :; — Переполнение стека
Переполнение стека
Товары
Клиенты
Случаи использования
Переполнение стека Публичные вопросы и ответы
Команды Частные вопросы и ответы для вашей команды
предприятие Частные вопросы и ответы для вашего предприятия
работы Программирование и связанные с ним технические возможности карьерного роста
Талант Нанимать технический талант
реклама Связаться с разработчиками по всему миру
Загрузка…
.
тегов — что означает href в HTML?
Переполнение стека
Товары
Клиенты
Случаи использования
Переполнение стека Публичные вопросы и ответы
Команды Частные вопросы и ответы для вашей команды
предприятие Частные вопросы и ответы для вашего предприятия
работы Программирование и связанные с ним технические возможности карьерного роста
Талант Нанимать технический талант
реклама Связаться с разработчиками по всему миру
,
HTML — Что это значит?
Переполнение стека
Товары
Клиенты
Случаи использования
Переполнение стека Публичные вопросы и ответы
Команды Частные вопросы и ответы для вашей команды
предприятие Частные вопросы и ответы для вашего предприятия
работы Программирование и связанные с ним технические возможности карьерного роста
Талант Нанимать технический талант
реклама Связаться с разработчиками по всему миру
,
No related posts.

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

Что такое href: Атрибут href | htmlbook.ru

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

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

Описание

Синтаксис

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

Значения

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

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

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

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

Атрибут target

Атрибут title

Атрибут charset

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

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

Hash:

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

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

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

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

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

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

Пример

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

Пример

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

Пример

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

| HTML | WebReference

Синтаксис

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

Атрибуты

Пример

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

Браузеры

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

Ссылки. Тег

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

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

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

Пример

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

Примеры

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

Отправка e-mail

Связь с FTP

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

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

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

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

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

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

Рубрики

Рубрики