Атрибут rel: отношение между документом и ресурсом
Rel задаёт смысл связи с другим ресурсом. Набор допустимых значений зависит от элемента: подключение таблицы стилей и аннотация обычной гиперссылки решают разные задачи.
Назначение
Rel задаёт смысл связи с другим ресурсом. Набор допустимых значений зависит от элемента: подключение таблицы стилей и аннотация обычной гиперссылки решают разные задачи.
Как это работает
Ключевые слова разделяются пробелами. Для link значение stylesheet включает подключение CSS, а у a значение help обозначает справочную связь. В примере файлы lesson.css и help.html нужно создать в своём проекте.
Пример
<!-- В head собственного документа -->
<link rel="stylesheet" href="lesson.css">
<!-- В содержимом страницы -->
<a href="help.html" rel="help">Помощь по упражнению</a>Что должно получиться
Таблица стилей применяется как ресурс, а ссылка остаётся обычным переходом к справке. Rel="help" не рисует значок и не открывает всплывающую подсказку автоматически.
Граница применения и частая ошибка
Не переносите значение rel между элементами без проверки его допустимости. Canonical относится к link и не является способом оформления обычной ссылки. Rel описывает связь, но не заменяет работающий URL, доступный текст и реальное содержимое целевой страницы.
Самостоятельная проверка
Посмотрите relList у обоих элементов в своём документе. Уберите stylesheet в учебной копии и проверьте подключение CSS. Отдельно объясните разницу href, target и rel: адрес, контекст открытия и отношение.