rel HTML атрибут - зв'язок між документами

Атрибут rel визначає взаємозв'язок між поточним документом і пов'язаним ресурсом.

Атрибут rel використовується з елементами <a>, <area>, <link> та <form>.

Значення атрибута rel є невпорядкованим набором унікальних, розділених пробілами ключових слів. Ці значення не чутливі до регістру.

Значення

Деякі з найпоширеніших значень включають:

alternate

Вказує на альтернативне представлення поточного документа (наприклад, версія для друку, переклад, RSS-стрічка).

author

Посилання на інформацію про автора документа.

canonical

(Переважно для <link>) Визначає бажаний URL для поточного документа, допомагаючи пошуковим системам зменшити дублювання контенту.

external

Вказує, що документ, на який посилаються, не є частиною того ж сайту.

help

Посилання на довідковий документ.

license

Посилання на інформацію про ліцензування документа.

next

Вказує на наступний документ у серії.

nofollow

Інструктує пошукові системи не переходити за посиланням і не передавати йому вагу посилання. Часто використовується для платних посилань або непідтвердженого контенту.

noopener

Запобігає доступу відкритого контексту перегляду до контексту, що відкриває, підвищуючи безпеку при використанні target="_blank".

noreferrer

Запобігає надсиланню браузером заголовка HTTP Referer при кліку на гіперпосилання, підвищуючи конфіденційність.

prefetch

Пропонує агенту користувача попередньо завантажити та кешувати цільовий ресурс для швидшого доступу в майбутньому.

prev

Вказує на попередній документ у серії.

search

Посилання на інструмент пошуку для документа.

stylesheet

(Переважно для <link>) Імпортує таблицю стилів.

tag

Визначає тег (ключове слово), що застосовується до поточного документа.

HTML
<link rel="stylesheet" href="styles.css">

Приклади використання

Результат
<link rel="stylesheet" href="/assets/styles/index.css">
<a href="https://example.com" rel="nofollow external">Зовнішнє посилання</a><br>
<a href="/about" rel="help">Довідка</a>

Підтримка браузерів

rel
alternate_stylesheet
compression-dictionary
dns-prefetch
expect
icon
manifest
modulepreload
preconnect
prefetch
preload
prerender

Останнє оновлення: