Атрибут href тега <link> — адреса підключеного файлу

Атрибут href вказує місце розташування (URL) зовнішнього ресурсу (найчастіше файлу CSS).

правити

Загальний опис

правити

+ додати пораду чи нотатку

Синтаксис

<link href="URL">

Атрибут href може отримувати єдине значення:

URL

URL пов'язаного ресурсу/документа. Можливі значення: Абсолютний URL - вказує на інший сайт (наприклад href = "http://www.example.com/theme.css") Відносний URL - вказує на файл в межах веб-сайту (наприклад href = "/themes/ theme.css")

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	≤4	≤12.1	12	≤6

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	≤3.2

Приклади

+ запропонувати свій приклад у пісочниці

<link rel="stylesheet" href="data:text/css,p%7Bcolor:%230172ad;font-weight:bold%7D">
<p>Цей абзац пофарбувала таблиця стилів, підключена через link href.</p>

<link rel="stylesheet" href="styles/theme.css">
<link rel="stylesheet" href="data:text/css,.ok%7Bcolor:%232f9e44;font-weight:bold%7D">

<p>Перший <code>link</code> показує на <code>styles/theme.css</code> — такого файлу тут немає.
Сторінка про це не скаже: ні помилки, ні порожнього місця, просто немає оформлення.</p>

<p class="ok">Другий <code>link</code> знайшовся — і цей абзац зелений.</p>

<p class="hint">Саме так виглядає найчастіша проблема з <code>href</code>: шлях відносний,
і на іншій адресі сторінки він показує вже в іншу теку.</p>

.hint {
  color: #555;
  font-size: .9em;
  border-left: 3px solid #b0b0b0;
  padding-left: 10px;
}