Тег LINK

  Непарный метатег LINK предназначен для загрузки, вместе с текущим HTML-документом, других документов и(или) файлов (не обязательно HTML-документов), которые необходимы для правильной интерпретации HTML-кода этого HTML-документа (например внешней таблицы стилей или файла с подгружаемыми шрифтами).

  Ещё с помощью метатега LINK можно передать браузеру служебную информацию о документе, который подгружается по запросу элемента метатега LINK.
  А именно:
  1. Параметры Web-страницы устанавливающие размещение служебной информации присутствующей в документе, затребованном элементом метатега LINK.
  2. Параметры отношения текущего HTML-документа с документом, затребованным элементом метатега LINK.
  3. Параметры применения стилей таблицы, затребованной элементом метатега LINK.
  4. Тип внешнего контента в документе, затребованном элементом метатега LINK.
  Метатег LINK может применяться в HTML-коде только внутри - элемента тега HEAD.
  Количество элементов тега LINK не ограничивается.
  Атрибуты:
  CHARSET - Устанавливает способ кодировки контента во внешнем источнике данных (файле), на который ссылается элемент метатега LINK.
  Этот атрибут устарел, и его лучше не использовать.
  Браузеры предпочитают пользоваться соответствующей информацией из HTTP-заголовка внешнего источника, которую предоставляет сервер.
  • Значение:

    • Допустимый символьный код, назначенный значением кодировки символьного контента
        Не рекомендуется использовать кодировки ASCII, CESU-8, UTF-7, BOCU-1, SCSU и UTF-32.

  • Значение по умолчанию - Кодировка, установленная элементом тега META, для связанного HTML-документа
  • Атрибут не обязательный.
  CROSSORIGIN - Устанавливает режим использования CORS (cross origin resource sharing) для безопасных кросс-доменных запросов при загрузке запрошенного контента.

  • Значения:

    • anonymous - Кросс-доменный запрос может быть выполнен и без наличия в HTTP-заголовке учетных данных (сертификата и базовой аутентификации).
    • use-credentials - Кросс-доменный запрос может быть выполнен только при наличии в HTTP-заголовке учетных данных (сертификата и базовой аутентификации).

  • Значение по умолчанию - use-credentials.
  • Атрибут не обязательный.
  HREF - Устанавливает адрес внешнего контента (файла), который должен быть загружен для текущего документа.

  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  HREFLANG - Устанавливает базовый язык контента (в файле), на который ссылается элемент метатега LINK.

  • Значение:


  • Значение по умолчанию - en.
  • Атрибут необязательный.
  MEDIA - Устанавливает запрос на тип окружения Web-страницы, если этот элемент метатега LINK ссылается на таблицу стилей.
  Браузер использует этот элемент метатега LINK если значение его атрибута MEDIA соответствует текущему типу окружения Web-страницы с этим HTML-документом.
  То есть несколько элементов метатега LINK с разными значениями атрибута MEDIA, и ссылающимися на разные таблицы стилей, в HTML-документе, создают адаптивную Web-страницу.
  • Значение:


  • Значение по умолчанию - all.
  • Атрибут необязательный.
  REL - Устанавливает тип отношения между внешним источником данных (файлом) с запрошенным контентом и этим HTML-документом.

  • Значение - список с названиями типов отношений, разделенных пробелами.
      REL - Устанавливает тип отношения между файлом с контентом, на который ссылается элемент тега A и документом его содержащим.

    • Значение - Список с названиями типов отношений, разделенных пробелами.
        Названия некоторых более поддерживаемых браузерами типов:
      • alternate - Внешний источник данных - альтернативная версия документа, в котором находится эта ссылка.
      • appendix - Внешний источник данных - это приложение, на которое есть ссылка в документе с с этой ссылкой.
      • bookmark - Внешний источник данных - HTML-документ, который является закладкой (содержащим ссылку на ключевую точку) для всей Web-страницы, к которой относится документ с этой ссылкой.
      • chapter - Внешний источник данных - HTML-документ Web-страницы, которой является главой для документа с этой ссылкой.
      • contents - Внешний источник данных - HTML-документ, который является содержанием для всей Web-страницы, к которой относится документ с этой ссылкой.
      • copyright - Внешний источник данных - HTML-документ, в котором содержится информация об авторских правах для документа с этой ссылкой.
      • glossary - Внешний источник данных - HTML-документ, который является глоссарием терминов для документа с этой ссылкой.
      • help - Внешний источник данных - HTML-документ, который является справочным для документа с этой ссылкой.
      • index - Внешний источник данных - HTML-документ, который является корневым для дерева Web-страницы, к которой относится документ с этой ссылкой.
      • next - Внешний источник данных - HTML-документ Web-страницы, которой непосредственно следует за документом с этой ссылкой.
      • nofollow - Внешний источник данных - HTML-документ, который не имеет непосредственного отношения к документу с этой ссылкой. (Этот тип имеет существенное значение для индексации Web-страницы поисковыми системами.)
      • noopener - Запрещает браузеру предоставлять ссылку на интерфейс к окну с этой ссылкой скриптам HTML-документа - внешнего источника данных.
      • preload - Сообщает браузеру что внешний источник данных должен быть предварительно загружен, для последующего использования.
      • prev - Внешний источник данных - HTML-документ Web-страницы, которой непосредственно предшествует документу с этой ссылкой.
      • section - Внешний источник данных - HTML-документ Web-страницы, которой является разделом для документа с этой ссылкой.
      • start - Внешний источник данных - HTML-документ, который является стартовым для всей Web-страницы, к которой относится документ с этой ссылкой.
      • stylesheet - Внешний источник данных - таблица стилей CSS для документа, в котором находится эта ссылка.
      • subsection - Внешний источник данных - HTML-документ Web-страницы, которой является подразделом для документа с этой ссылкой.
        Можно определить дополнительные типы отношений.

    • Значение по умолчанию - Нет.
    • Атрибут не обязательный.

  • Значение по умолчанию - Нет.
  • Атрибут обязательный.
  SIZES - Указывает размер иконки-изображения связанной с этим HTML-документом.
  Такая иконка, к примеру, может использоваться браузером для отображения в адресной строке, или поисковыми системами для наглядности результатов поиска.
  Местоположение файла с изображением-иконкой задается атрибутом HREF.
  • Значения:

    • WxH - Где W - ширина, а H - высота в пикселах без указания единиц измерения.
        Можно определить несколько иконок списком их размеров через пробел.
    • any - Ключевое слово, означающее, что иконка может масштабироваться в любой размер (например для векторного формата SVG).

  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  TYPE - Устанавливает тип запрошенного контента (файла).

  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут необязательный.

Пример:
<HTML>
    <HEAD>
      <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
      <LINK REL="stylesheet" HREF="main.css" TYPE="text/css">
      <TITLE>
        Теги HEAD и HTML
      </TITLE>
    </HEAD>
    <BODY>
      <H2>
        Теги HEAD и HTML
      </H2>
      <P>
Непарный тег LINK указывает браузеру на внешний источник данных, необходимых для оформления страницы. Это может быть ссылка на таблицу стилей или файл с подгружаемыми шрифтами. Также параметры страницы могут быть указаны непосредственно атрибутами тега LINK. Тег LINK всегда размещается внутри тега HEAD.
Атрибуты:

      </P>
    </BODY>
</HTML>