HTML тег link
Тег <link> определяет ссылку на внешний ресурс. Наиболее часто этот тег используется для подключения файла стилей CSS к документу HTML.
Использование тега <link> для подключения внешнего файла стилей CSS поддерживается всеми основными браузерами. Ничего другое в настоящее время не поддерживается.
Тег <link> является пустым элементом, который содержит только атрибуты.
Тег <link> используется только внутри элемента <head>. Он может быть использован сколько угодно раз.
Разница между HTML 4.01 и HTML5
Некоторые атрибуты, допустимые в HTML 4.01, не поддерживаются в HTML5.
В HTML5 был добавлен атрибут sizes.
Различия между HTML и XHTML
В HTML тег <link> — одиночный элемент без закрывающего тега. В XHTML тег <link> необходимо закрывать должным образом, а именно — <link />.
Атрибуты тега <link>
Атрибут | Описание |
---|---|
charset | Определяет кодировку символов подключаемого документа |
Определяет URL подключаемого внешнего ресурса | |
hreflang | Определяет язык подключаемого внешнего документа |
media | Определяет устройства вывода, для которых оптимизирован внешний ресурс |
rel | Определяет отношение между текущим и подключаемым внешним документом/ресурсом |
rev | Определяет отношение с подключаемым документом/ресурсом |
sizes | Определяет размер иконки |
target | Определяет, куда будет загружаться подключаемый документ |
type | Определяет медиа-тип подключаемого документа |
Общие атрибуты
Тег <link> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <link> со следующими стилями
link { display: none; }
HTML пример использования
Подключение внешнего файла стилей:
<head> <link rel="stylesheet" type="text/css" href='theme.css'> </head>
Тег link
HTML5CSS.ru
ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
❮Назад Полный HTML Ссылки Дальше ❯
Пример
Ссылка на внешнюю таблицу стилей:
<head>
<link rel=»stylesheet» type=»text/css» href=»theme.css»>
</head>
Определение и использование
Тег <link> определяет связь между документом и внешним ресурсом.
Тег <link> используется для связывания с внешними таблицами стилей.
Поддержка браузера
При использовании в таблицах стилей тег <link> поддерживается во всех основных обозревателях. Никакая реальная поддержка для что-нибыдь еще.
Элемент | |||||
---|---|---|---|---|---|
<link> | Да | Да | Да | Да | Да |
Примечание: Элемент <link> является пустым элементом, он содержит только атрибуты.
Примечание: Этот элемент идет только в разделе head, но он может появляться любое количество раз.
Различия между HTML 4,01 и HTML5
Некоторые атрибуты HTML 4,01 являются навестить поддерживается в HTML5.
Атрибут «sizes» является новым в HTML5.
Различия между HTML и XHTML
В HTML тег <link> не имеет конечного тега.
В XHTML тег <link> должен быть правильно закрыт.
Атрибуты
= Новый в HTML5.
Атрибут | Значение | Описание |
---|---|---|
charset | char_encoding | Не поддерживается в HTML5. Задает кодировку символов связанного документа |
crossorigin | anonymous use-credentials | Указывает, как элемент обрабатывает запросы перекрестного происхождения |
href | URL | Указывает расположение связанного документа |
hreflang | language_code | Указывает язык текста в связанном документе |
media | media_query | Указывает, на каком устройстве будет отображаться связанный документ |
rel | alternate author dns-prefetch help icon license next pingback preconnect preload prerender prev search stylesheet | Обязательно. Указывает связь между текущим документом и связанным документом |
rev | reversed relationship | Не поддерживается в HTML5. Указывает связь между связанным документом и текущим документом |
sizes | HeightxWidth any | Задает размер связанного ресурса. Только для rel=»icon» |
target | _blank _self _top _parent frame_name | Не поддерживается в HTML5. Указывает, где должен быть загружен связанный документ |
type | media_type | Указывает тип носителя связанного документа |
Глобальные атрибуты
Тег <link> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <link> также поддерживает Атрибуты событий в HTML.
Похожие страницы
HTML tutorial: HTML Styles
HTML DOM reference: Link Object
Параметры CSS по умолчанию
В большинстве обозревателей элемент <link> будет отображаться со следующими значениями по умолчанию:
link {
display: none;
}
❮Назад Полный HTML Ссылки Дальше ❯
Популярное
html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы
Copyright 2018-2020 HTML5CSS. ru
Правила и Условия Политика конфиденциальности О нас Контакты
HTML link rel Attribute
❮ HTML тег
Пример
Импорт внешней таблицы стилей:
Попробуйте сами »
ниже.
Определение и использование
Обязательный атрибут rel
указывает связь между текущим документом и связанным документом/ресурсом.
Поддержка браузера
Атрибут | |||||
---|---|---|---|---|---|
отн. | Да | Да | Да | Да | Да |
Синтаксис
Значения атрибутов
Значение | Описание |
---|---|
альтернативный | Предоставляет ссылку на альтернативную версию документа (т. е. печатную страницу, переведенную или зеркальную). Пример: |
автор | Предоставляет ссылку на автора документа |
предварительная выборка DNS | Указывает, что браузер должен упреждающе выполнять разрешение DNS для источника целевого ресурса |
помощь | Предоставляет ссылку на справочный документ. Пример: |
значок | Импортирует значок для представления документа. Пример: |
лицензия | Предоставляет ссылку на информацию об авторских правах для документа |
следующий | Предоставляет ссылку на следующий документ в серии |
пингбэк | Предоставляет адрес сервера pingback, который обрабатывает pingbacks для текущего документа |
предварительное соединение | Указывает, что браузер должен заблаговременно подключаться к источнику целевого ресурса. |
предварительная выборка | Указывает, что браузер должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации |
предварительная нагрузка | Указывает, что агент браузера должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с пунктом назначения, заданным атрибутом «как» (и приоритетом, связанным с этим пунктом назначения). |
пререндеринг | Указывает, что браузер должен предварительно отображать (загружать) указанный веб-страница в фоновом режиме. Итак, если пользователь переходит на эту страницу, это ускоряет увеличить загрузку страницы (поскольку страница уже загружена). Внимание! Это тратит впустую пропускную способность пользователя! Используйте предварительную визуализацию только в том случае, если вы абсолютно уверены что веб-страница требуется в какой-то момент пути пользователя |
предыдущий | Указывает, что документ является частью серии и что предыдущий документ в серии является ссылочным документом |
поиск | Предоставляет ссылку на ресурс, который можно использовать для поиска в текущем документе и связанных с ним страницах. |
таблица стилей | Импорт таблицы стилей |
Другие примеры
Пример
Вот как добавить значок на веб-сайт:
Это заголовок
Это абзац.
❮ Тег HTML
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по jQuery
Лучшие ссылки
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3. CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
8 Top Examples
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
9 9
18 body > |
Output:
HTML tag
Example 2: In this example, we have used the атрибут hreflang , значение которого установлено на « en-us », который будет указывать язык связанного документа. И мы связываем внешний файл CSS, который содержит свойство цвета для тега h2, для которого установлено значение зеленого.
HTML
|