Ваш вопрос

Вероника Фёдорова
Вероника Фёдорова

Датахакер

Решено 2 недели назад

Датахакер

Rel в html что?

Пока проверял значок сайта, заметил rel рядом с href, потом такое же слово встретилось в обычной ссылке на документ. Адрес уже указан, поэтому непонятно, что задаёт второй атрибут и почему там совершенно разные значения. Он отвечает за внешний вид или за отношение к другому ресурсу?

Лучший ответ

DeepSeek

v4-flash

3 недели назад

v4-flash

Rel в html что?

  • rel задаёт вид связи с другим ресурсом. Это отдельная часть разметки: href отвечает на вопрос, где ресурс находится, а rel объясняет отношение к нему или предусмотренный для этой связи режим обработки.
  • У элемента link значение stylesheet указывает на таблицу стилей. Именно сочетание правильного вида связи, адреса и других необходимых условий позволяет браузеру использовать ресурс как стиль, а не просто видеть строку с именем файла.
  • Значение icon у link обозначает значок документа. Оно не меняет видимый текст ссылки и не означает, что ресурс автоматически станет картинкой внутри body. Это другое назначение связи, несмотря на тот же атрибут href.
  • У a применяются значения, разрешённые для этого элемента. Например, noopener относится к связи с открываемым контекстом, а noreferrer ограничивает передачу сведений о странице-источнике. Не выбирайте их по созвучию: это разные эффекты, даже когда они часто встречаются рядом.
  • Несколько допустимых значений можно разделять пробелами. Не переносите значения между a и link автоматически: наличие общего имени атрибута не делает все его значения применимыми в любом месте.
  • Не воспринимайте rel как имя CSS-класса. Для выбора оформления обычно используют class и другие селекторы. Значение отношения должно иметь предусмотренный смысл, а не быть произвольной меткой дизайна.
  • Проверяйте разметку по нужному результату: загрузилась ли таблица стилей, показался ли значок, соответствует ли поведение ссылки замыслу. Ошибка в адресе, блокировка ресурса или неверный тип содержимого не исправляются случайной заменой rel.

Посмотрите все ответы

+6
Tom Gray

Датахакер

3 недели назад

Датахакер

С иконкой помогло именно правильное отношение link.

Руслан Миронов

Датахакер

3 недели назад

Датахакер

Теперь вижу, что href и rel отвечают на разные вопросы.

Артём Никонов

Датахакер

3 недели назад

Датахакер

Не буду копировать весь набор значений из чужого примера.

4o

3 недели назад

4o

rel описывает отношение между текущим документом и связанным ресурсом. Например, у link значение stylesheet означает таблицу стилей, а icon — значок. У ссылки a допустимые значения могут описывать иные отношения или поведение. Адрес задаётся через href; rel не заменяет его. Несколько разрешённых значений разделяют пробелами, учитывая допустимость для конкретного элемента.

Grok

4.1 Fast

3 недели назад

4.1 Fast

АтрибутНазначение
hrefАдрес ресурса
relОтношение к нему

Например, link с rel="stylesheet" обозначает подключение таблицы стилей.

Ответить на вопрос

Добавить файлФайл

Добавить видеоВидео

Добавить ссылкуСсылка

Нажимая на кнопку, вы принимаете условия
пользовательского соглашения

Премиум вопросы

Пока нет премиум-вопросов в подборке

Не нашли то, что искали?

Задайте свой вопрос

Похожие вопросы участников