что такое link в html

HTML-элемент link

Примеры

В следующем примере предоставляется информация о документе с помощью HTML-элемента link с различными типами гиперссылок (в частности, link rel=»stylesheet», используемый для указания ссылки на таблицу CSS-стилей):

Атрибуты HTML-элемента link

Этот атрибут тега link в HTML содержит адрес ( URI ) связанного ссылкой ресурса. Он указывает браузеру, куда переходить по ссылке.

CROSSORIGIN

Указывает, должен ли запрос к внешнему серверу предоставлять учетные данные CORS или нет. Допустимы два значения ( без учета регистра ):

Атрибут HTML link rel содержит разделенный пробелами список типов ссылок, указывающий, какое значение связанный ссылкой ресурс имеет для документа ( содержащего ссылку ).

MEDIA

HREFLANG

Этот HTML link tag указывает язык, который будет использоваться в связанном ссылкой ресурсе ( указан в атрибуте HREF ).

Тип контента ( или Internet Media Type ), который должен содержать связанный ресурс.

SIZES

Разделенный пробелами список с размерами иконки ссылки. Каждый размер может состоять из двух целых чисел, разделенных буквой « х «, или из специального ключевого слова « any «, представляющего все возможные размеры. Каждое значение чувствительно к регистру.

Этот атрибут тега link в HTML должен объявляться только, когда присутствует атрибут rel и он имеет значение « icon «. Иначе ситуации его использование является недействительным.

CHARSET

Значение текущего документа ( содержащего ссылку ) для связанного ссылкой ресурса.

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

Источник

Тег link в HTML

Тег link в HTML применяется для ссылки на другие ресурсы, используемые в документе.

Типы ссылок

Существует много типов ресурсов, на которые может ссылаться документ. Это делается с помощью ключевых слов, указанных в атрибуте отношения ( rel ). Они должны использоваться в разделе как метаданные:

Alternate

В приведенном ниже примере представлены два альтернативных языка для данного документа HTML на английском — французский и испанский языки. Атрибут hreflang используется, чтобы сообщить пользовательскому агенту доступный код страны по стандарту ISO 639-1 :

Еще один пример использования HTML link rel предлагает три различных текстовых документа на английском, французском и испанском языках:

Author

Используется для получения информации об авторе. Как правило, гиперссылка ведет на страницу автора. В данном атрибуте тега может быть указан только один автор:

В завершении можно добавить метатег author :

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

Это значение HTML link rel указывает на иконку страницы. Может быть множество иконок, представляющих страницу. Используется та, которая является наиболее подходящей:

License

Это условия лицензии авторских прав на документ. Можно использовать лицензию на весь сайт или лицензию, имеющую отношение к конкретному документу:

Prefetch

Это значение HTML link rel дает подсказку пользовательскому агенту о том, что он должен кэшировать ресурс для ускорения загрузки и обработки. Это делается, когда разработчик точно знает, что ресурсы, используемые на странице, будут запрашиваться:

Search

Определяет документ, который используется для поиска существующего документа. Как правило, это страница со специальной формой для поиска ключевых слов в документе. Для реализации рекомендуется использовать спецификацию OpenSearch :

Stylesheet

HTML link CSS используется для импорта таблицы стилей, используемой для отображения документа. Это делается с помощью каскадных таблиц стилей ( CSS ):

Пожалуйста, оставьте свои комментарии по текущей теме статьи. За комментарии, лайки, дизлайки, отклики, подписки огромное вам спасибо!

Источник

Существует ряд других распространённых типов, с которыми вы столкнётесь. Например, ссылка на сайт иконок:

Есть ряд других значений rel для иконок, в основном, используемых для обозначения специальных типов иконок для использования на различных мобильных платформах, например:

Атрибут sizes определяет размер иконки, когда type содержит тип MIME связанного ресурса. Они предоставляют советы, позволяющие браузеру выбрать наиболее подходящую иконку.

Вы можете, также, указать медиа тип или запрос внутри атрибута media ; этот ресурс будет загружен только в том случае, если media состояние равно true. Например:

Другие замечания по использованию:

Атрибуты

Этот элемент включает в себя глобальные атрибуты.

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

high : указывает браузеру, что ресурс находится в высоком приоритете.

low : указывает браузеру, что ресурс находится в низком приоритете.

Примечания:

Примечание: Большинство форматов иконок могут хранить только одну иконку, поэтому чаще всего sizes содержит только одну запись. MS’s ICO формат, как и Apple’s ICNS. ICO более распространены; вы должны использовать их.

Нестандартные атрибуты

Устаревшие атрибуты

Примечание: Этот атрибут считается устаревшим жизненным стандартом WHATWG HTML (который является каноничной спецификацией MDN). Однако, стоит отметить, что rev не считается устаревшим в спецификации W3C. Стоит сказать, учитывая неопределённость, полагаться на rev не стоит.

Стилизация с CSS

Примеры

Включение таблицы стилей

Включение таблицы стилей на страницы имеет следующий синтаксис:

Предоставление альтернативных таблиц стилей

Пользователь может выбрать, какую таблицу стилей использовать, выбрав её в меню Вид > Стиль страницы. Это позволяет пользователям видеть мультиверсию страницы.

Предоставление иконок для различных контекстов использования

Вы можете включить ссылки на несколько различных иконок на одной странице, и браузер выберет, какая из них лучше подходит для его конкретного контекста, используя значения rel и sizes как подсказки.

Условная загрузка ресурсов с медиавыражениями

Вы можете предоставить тип медиа или запрос внутри атрибута media ; этот ресурс будет загружен только в том случае, если условия медиа равно true. Например:

События загрузки таблицы стилей

Примечание: Событие load запускается после загрузки и анализа таблицы стилей и всего импортируемого содержимого, непосредственно перед тем, как стили будут применены к содержимому.

Источник

Синтаксис

Основные вариации тега link

Подключение внешнего файла таблиц стилей CSS

Подробнее о способах подключения таблиц стилей CSS читайте в статье: Подключение стилей CSS к HTML документу. Как подключить CSS файл.

Подключение иконки документа favicon

С помощью конструкции ниже, подключается иконка (favicon, фавикон), которая будет выведена в заголовке вкладки возле названия документа (страницы).

Указание альтернативной версии HTML документа

Поддержка браузерами

Атрибуты тега

Обязательный атрибут. Определяет отношение текущего ресурса к прикрепленному (чем является прикрепленный ресурс для текущего).

Указывает размер прикрепляемых иконок.

Формат: значение ширины в пикселях, латинская буква «x» (большая или маленькая), значение высоты в пикселях. Можно указывать несколько размеров через пробел.

Для масштабируемых иконок используется значение «any».

Определяет тип содержимого тега.

Для подключения таблиц стилей используется значение: «text/css».

Устаревшие атрибуты

alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet

Определяет отношение прикрепленного ресурса к текущему (чем является текущий ресурс для прикрепленного).

Смотрите расшифровку значений выше, в описании атрибута «rel».

Определяет где будет открыт связанный ресурс:

Источник

HTML тег link

Тег определяет ссылку на внешний ресурс. Наиболее часто этот тег используется для подключения файла стилей CSS к документу HTML.

Использование тега для подключения внешнего файла стилей CSS поддерживается всеми основными браузерами. Ничего другое в настоящее время не поддерживается.

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

Разница между HTML 4.01 и HTML5

Некоторые атрибуты, допустимые в HTML 4.01, не поддерживаются в HTML5.

В HTML5 был добавлен атрибут sizes.

Различия между HTML и XHTML

В HTML тег — одиночный элемент без закрывающего тега. В XHTML тег необходимо закрывать должным образом, а именно — .

Атрибуты тега

Атрибут	Описание
charset	Определяет кодировку символов подключаемого документа
href	Определяет URL подключаемого внешнего ресурса
hreflang	Определяет язык подключаемого внешнего документа
media	Определяет устройства вывода, для которых оптимизирован внешний ресурс
rel	Определяет отношение между текущим и подключаемым внешним документом/ресурсом
rev	Определяет отношение с подключаемым документом/ресурсом
sizes	Определяет размер иконки
target	Определяет, куда будет загружаться подключаемый документ
type	Определяет медиа-тип подключаемого документа

Общие атрибуты

CSS стили по умолчанию

Источник