Пример
Подключение внешней таблицы стилей:
<link rel="stylesheet" href="styles.css">
Попробуйте сами »
Больше примеров ниже.
Определение и использование
Обязательный атрибут rel определяет отношение между текущим документом и подключаемым документом/ресурсом.
Поддержка браузерами
| Атрибут | |||||
|---|---|---|---|---|---|
| rel | Да | Да | Да | Да | Да |
Синтаксис
<link rel="значение">
Значения атрибута
| Значение | Описание |
|---|---|
| alternate | Предоставляет ссылку на альтернативную версию документа (например, страницу для печати, переведенную или зеркальную версию). Пример: <link rel="alternate" type="application/atom+xml" title="W3Schools News" href="/blog/news/atom"> |
| author | Предоставляет ссылку на автора документа |
| dns-prefetch | Указывает браузеру заранее выполнить разрешение DNS для источника целевого ресурса |
| help | Предоставляет ссылку на справочный документ. Пример: <link rel="help" href="/help/"> |
| icon | Подключает иконку для представления документа. Пример: <link rel="icon" href="favicon.ico" type="image/x-icon"> |
| license | Предоставляет ссылку на информацию об авторских правах для документа |
| next | Предоставляет ссылку на следующий документ в серии |
| pingback | Предоставляет адрес пингбэк-сервера, который обрабатывает пингбэки для текущего документа |
| preconnect | Указывает браузеру заранее установить соединение с источником целевого ресурса. |
| prefetch | Указывает браузеру заранее загрузить и кэшировать целевой ресурс, так как он, вероятно, понадобится для последующей навигации |
| preload | Указывает, что браузер должен заранее загрузить и кэшировать целевой ресурс для текущей навигации в соответствии с назначением, заданным атрибутом "as" (и приоритетом, связанным с этим назначением). |
| prerender | Указывает браузеру предварительно отрендерить (загрузить) указанную веб-страницу в фоновом режиме. Таким образом, если пользователь перейдет на эту страницу, ее загрузка ускорится (поскольку страница уже загружена). Внимание! Это тратит пропускную способность пользователя! Используйте prerender только если вы абсолютно уверены, что веб-страница потребуется в какой-то момент путешествия пользователя |
| prev | Указывает, что документ является частью серии, и что предыдущий документ в этой серии является ссылочным документом |
| search | Предоставляет ссылку на ресурс, который можно использовать для поиска по текущему документу и связанным с ним страницам. |
| stylesheet | Подключает таблицу стилей |
Больше примеров
Пример
Вот как добавить фавикон на веб-сайт:
<!DOCTYPE html>
<html>
<head>
<title>Мой заголовок страницы</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
</html>