Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег link | назначение, синтаксис, атрибуты, примеры

Тег link

Последнее обновление: 23.01.2011

Тег <link> (с англ. ссылка) устанавливает связь с внешними документами, чаще всего с таблицами стилей.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<head>
<link/>
</head>

Атрибуты



charset определяет набор символов, используемый браузером для отображения страницы, на которую оказывает ссылка
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
disabled флаг. Определяет элемент как неактивный.
Отсутствует в спецификации HTML 4.01!
href URL подсоединяемого файла
hreflang определяет используемый язык в документе, на который указывает ссылка
id уникальный идентификатор
lang определяет язык отображаемого документа
media усторойство, для которого применяется стиль оформления

  • all — все устройства
  • braille — устройства для слепых на основе системы Брайля
  • screen — экран (по умолчанию)
  • print — устройство печати
  • projection — проектор
  • speech — синтезатор голоса
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
rel тип взаимосвязи текущего документа и подключаемого

  • stylesheet — указывает на файл, содержащий таблицу стилей (CSS) для текущего документа
  • home — указывает на заглавную страницу сайта
  • toc, contents — указывают на файл, содержащий оглавление документа
  • index — указывает на файл, содержащий информацию для индексного поиска по текущему документу
  • glossary — указывает на файл, содержащий перечень терминов, относящихся к текущему документу
  • copyright — указывает на страницу сайта, в которой говорится об авторских правах
  • child — указывает на «дочернюю» страницу
  • next — указывает на следующую страницу в последовательности документов
  • previous — указывает на предыдущую страницу в последовательности документов
  • last, end — указывает на последнюю страницу в последовательности документов
  • first — указывает на первую страницу в последовательности документов
  • help — указывает на страницу с подсказкой
rev определяем обратную связь целевого документа к текущему
style задает встроенную таблицу стилей
target имя окна или фрейма. В качестве аргумента используется имя окна или фрейма.
Зарезервированные имена:

  • _blank — откроет документ в новом окне
  • _parent — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
  • _top — отменяет все фреймы и загружает страницу в полном окне браузера, если фремов нет, откроет в текущем окне
  • _self — откроет в текущем окне (по умолчанию)
title всплывающая подсказка
type MIME-тип объекта, указанного в параметре href

Пример

Подключаем файл стилей


<link href="css/main.css" rel="stylesheet" type="text/css" media="screen"/>

Рекомендации по использованию

  • в XHTML должен быть закрыт слешем (<link…/>)
  • должен располагается в секции <head>
  • обязательных атрибутов нет

Тег <link> может использоваться для предоставления дополнительной информации о документе, такой как:

  • для ссылок на альтернативные версии документа на других языках
  • для ссылок на альтернативные версии документа, разработанные для других носителей, Например, специальные версии для печати документов
  • для ссылок на начальную (конечную, следующую, предыдущую) страницу коллекции документов
  • подключения favicon.ico
Твой код:

Результат: