skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180jivo banner 468x60jivo banner 728x90jivo banner 930x180

HTML-тег <link>

Тег <link> предназначен для вставки каких-либо внешних ресурсов в HTML-документ.

Элемент <link> может появляться только в <head> документа, но использовать его можно любое количество раз. В основном его используют для вставки таблиц CSS-стилей в HTML-документ.

Родительский: <head>
Контент: Нет. Это пустой элемент
Открывающий тег: Обязательный
Закрывающий тег: Запрещен
Версия: HTML 2, 3.2, 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <link> выглядит следующим образом:

HTML: <link rel="link-type" href="URL">
XHTML: <link rel="link-type" href="URL" />

Примеры написания кода тега <link>:

<head>
    <title>HTML Документ</title>
    <link rel="stylesheet" href="default.css">
</head>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <link>:

Атрибут Значение Описание
charset charset Определяет кодировку символов связанного ресурса.
crossorigin anonymous
use-credentials
Определяет, как элемент обрабатывает перекрестные запросы.
href URL Определяет местоположение связанного документа.
hreflang language-code Определяет язык связанного документа. Этот атрибут может использоваться только когда указан href.
media media-types Определяет носитель, к которому относится связанный ресурс. Значением по умолчанию является screen
rel alternate
author
help
icon
license
next
prefetch
prev
search
stylesheet
tag
Определяет отношение связанного ресурса к текущему документу. Этот атрибут должен использоваться, только если присутствует атрибут href.
rev link-type Описывает связь связанного документа с исходным документом (противоположность атрибута rel).
sizes height/width
any
Определяет размер иконок (для rel="icon").
target _blank
_parent
_self
_top
Определяет, где открыть связанный документ, указанный в href атрибуте.
type content-type Определяет тип содержимого связанного документа. Наиболее распространенным значением является text/css, которое указывает формат таблицы стилей.

Глобальные атрибуты

Как и все другие HTML-теги, тег <link> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <link> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <link> поддерживается во всех основных браузерах.

При использовании для ссылки на внешние таблицы стилей элемент <link> формально поддерживается во всех основных браузерах, но ни на что по сути не влияет.
kwork banner 480x320kwork banner 728x90kwork banner 120x600flexbe banner 480x320flexbe banner 728x90flexbe banner 120x600beget banner 480x320beget banner 728x90beget banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты