Link rel html: Атрибут rel | htmlbook.ru

что он собой представляет и для чего нужен. Детальный обзор с примерами

Атрибут «rel=» активно используется разработчиками сайтов для взаимодействия с поисковыми системами. Он включает в себя несколько значений, например nofollow или canonical. Каждый из них предназначен для решения определенных задач.

В сегодняшней статье я подробно разберу атрибут «rel=» и покажу на примерах, в каких случаях его лучше всего использовать.

Атрибут «rel=»: определение и предназначение

Rel (от англ. «relationship» – отношение) – это атрибут HTML, описывающий ссылку. Он обозначает, что это за ссылка и на какой адрес она ведет. Работает это следующим образом: когда ссылка направляет пользователя на адрес, атрибут рассказывает поисковым системам, почему ссылка ведет на этот адрес. Например, ссылаться можно на файл стилей, который взаимодействует со страницей.

Еще ссылка может вести на PDF или иноязычную версию документа. Ссылка, как взаимосвязь между текущим и иным документом, часто используется в электронных книгах для переадресации на следующую или предыдущую страницу.

Современные браузеры чаще всего не обращают внимание на атрибут rel, но вот поисковые системы, напротив, уделяют этому пристальное внимание. Кроме того, социальные сети будут лучше взаимодействовать с веб-ресурсом, если его ссылки будут определены.

Атрибут rel может использовать вместе с тегом <a>:


<a rel="..." href="...">...</a>

Также допустимо его появление и в теге <link>:


<link rel="..." href="...">

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Значения атрибута «rel=»

Если мы говорим об атрибуте rel, то чаще всего под ним подразумевается использование значения «nofollow», но есть и другие не менее важные значения. 

rel=nofollow

Используется, когда нужно, чтобы страница, на которую ссылается пользователь, не увеличила свой ссылочный вес благодаря этой ссылке. Другими словами, по этой ссылке не передается индекс цитирования, используемый Яндексом, и PageRank, используемый Google.


<a rel="nofollow" href="index.html">Эту страницу не нужно посещать</a>

Использование такого значения оправдано на сайтах с формами для комментариев: пользователи могут оставлять ссылки на некачественные ресурсы, а из-за этого сайт рискует потерять доверие поисковых систем.

rel=alternate

Используется для указания того, что ссылка ведет на альтернативное изображение страницы:


<a rel="alternate" type="application/pdf" href="page.pdf">Страница в формате PDF</a>

Также есть еще одна вариация:


...rel="alternate" hreflang="en"...

Она помогает поисковой системе понять геопринадлежность страницы, чтобы предоставить пользователю нужную языковую версию в результатах поиска. С ее помощью мы показываем поисковым роботам, что на сайте один и тот же контент доступен на разных языках. Благодаря этому поисковики могут автоматически показывать корректную языковую версию на основе географических и языковых данных.


<a rel="alternate" hreflang="en" href="english-version.html">English</a>

rel=canonical

Указывает на предпочитаемый адрес, который будет участвовать в поиске. Используется в теге <header>:


<link rel="canonical" href="http://www.example.com/">

rel=author

Указывает на то, что приведенная ссылка относится к информации об авторе данной страницы или статьи.


<a href="/author-page.html" rel="author">link text</a>

rel=bookmark

Обозначает, что эта ссылка является якорем и ведет на какую-то часть в этом же документе. Также она говорит поисковым системам, что эта ссылка постоянная.


<a rel="bookmark" href="about.html">Постоянная ссылка на страницу</a>

rel=help

Такое значение используется для обозначения справочников. Браузер сопоставляет эту справочную информацию с родительским контейнером, в котором была размещена эта ссылка.

Например, в форме на сайте это прописывается через тег <a>:


<form>       

<label for="comment">Comment:</label>   

<textarea></textarea>       

<input type="submit" value="Text Comment">       

<a rel="help" href="comments.html">Help</a>   

</form>

rel=license

Указывает на то, что по ссылке размещено лицензионное соглашение, которое относится к основному тексту страницы.


<a rel="license" href="license.html">Посмотреть лицензионное соглашение</a>

rel=dns-prefetch, preconnect, prefetch, preload

Ссылки с такими значениями пригодятся в тех случаях, когда нужно сослаться на внешние ресурсы, которые пользователь откроет с большой вероятностью. Браузер кэширует эту ссылку заранее, поэтому она открывается быстрее:


<a rel="prefetch" href="license. html">Здесь что-то интересное</a>

rel=tag

Определяет категорию сайта или ключевой запрос:


<a rel="tag" href="search.html">Эта ссылка относится к странице с каталогом</a>

rel=search

Этот тип сообщает, что ссылка ведет на интерфейс поиска:


<a rel="search" href="search.html">Поиск по сайту</a>

rel=icon

Необходим для того, чтобы связать содержимое сайта с иконкой:


<link rel="shortcut icon" href="/favicon.ico"></link>

rel=external

Означает, что ссылка ведет на другой сайт, будет индексироваться и передавать вес. В WordPress этот атрибут часто используется в комментариях. Может функционировать совместно с nofollow, чтобы ссылка не передавала вес:


<a rel="external nofollow" href="page.html">Открыть в новой вкладке</a>

rel=first, up, prev, next, last

Такие значения необходимо прописывать для тех ссылок, которые используются для навигации по странице. Они ведут в начало, конец, на предыдущую или последующую страницу:


<ul>

  <li><a rel="next" href="page-1.html">Первая страница</a></li>

  <li>Исходная страница</li>

  <li><a rel="prey" href="page-3.html">Последняя страница</a></li>

</ul>

Заключение

Атрибут rel позволяет улучшить связь между страницами и сделать их более привлекательными для поисковых роботов. В результате это может заметно сказаться на посещаемости ресурса. Не бойтесь использовать данный атрибут – он может существенно улучшить показатели вашего сайта. 

Тег атрибут rel — Учебник HTML

❮ HTML тег <link>


Пример

Внешняя таблица стилей:

<link rel=»stylesheet» href=»styles.css»>

Попробуйте сами »


Определение и использование

Обязательный атрибут rel определяет связь между текущим документом и связанным документом/ресурсом.


Поддержка браузеров

Атрибут
relДаДаДаДаДа

Синтаксис

<link rel=»value«>

Значение атрибутов

ЗначениеОписание
alternateПредоставляет ссылку на альтернативную версию документа (например, печатную страницу, переведенную или зеркальную).
Пример: <link rel=»alternate» type=»application/atom+xml» title=»Schoolsw3 Новости» 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Предоставляет адрес сервера pingback, который обрабатывает pingback к текущему документу.
preconnectУказывает, что браузер должен предварительно подключиться к источнику целевого ресурса.
prefetchУказывает, что браузер должен предварительно извлекать и кэшировать целевой ресурс,
поскольку он, вероятно, потребуется для последующей навигации.
preloadУказывает, что агент браузера должен предварительно извлекать и кэшировать целевой ресурс
для текущей навигации в соответствии с назначением, заданным атрибутом «as» (и приоритетом, связанным с этим назначением).
prerenderУказывает, что браузер должен предварительно визуализировать (загружать) указанную веб страницу в фоновом режиме.
Внимание! Это пустая трата пропускной способности пользователя!
Используйте prerender только в том случае, если он абсолютно уверен,
что веб страница необходима в какой-то момент путешествия пользователя.
prevУказывает, что документ является частью серии и что предыдущий документ в серии является ссылочным документом.
searchПредоставляет ссылку на ресурс, который можно использовать для поиска по текущему документу и связанным с ним страницам.
stylesheetИмпорт таблицы стилей.

❮ HTML тег <link>

HTML link rel Attribute

❮ HTML тег

Пример

Импорт внешней таблицы стилей:

Попробуйте сами »

ниже.


Определение и использование

Обязательный атрибут rel указывает связь между текущим документом и связанным документом/ресурсом.


Поддержка браузера

Атрибут
отн. Да Да Да Да Да

Синтаксис

Значения атрибутов

Значение Описание
альтернативный Предоставляет ссылку на альтернативную версию документа (т. е. печатную страницу, переведенную или зеркальную).
Пример:
автор Предоставляет ссылку на автора документа
предварительная выборка DNS Указывает, что браузер должен упреждающе выполнять разрешение DNS для источника целевого ресурса
помощь Предоставляет ссылку на справочный документ. Пример:
значок Импортирует значок для представления документа.
Пример:
лицензия Предоставляет ссылку на информацию об авторских правах для документа
следующий Предоставляет ссылку на следующий документ в серии
пингбэк Предоставляет адрес сервера pingback, который обрабатывает pingbacks для текущего документа
предварительное соединение Указывает, что браузер должен заблаговременно подключаться к источнику целевого ресурса.
предварительная выборка Указывает, что браузер должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации
предварительная нагрузка Указывает, что агент браузера должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с пунктом назначения, заданным атрибутом «как» (и приоритетом, связанным с этим пунктом назначения).
пререндеринг Указывает, что браузер должен предварительно отображать (загружать) указанный
веб-страница в фоновом режиме. Итак, если пользователь переходит на эту страницу, это ускоряет
увеличить загрузку страницы (поскольку страница уже загружена). Внимание!
Это тратит впустую пропускную способность пользователя! Используйте предварительную визуализацию только в том случае, если вы абсолютно уверены
что веб-страница требуется в какой-то момент пути пользователя
предыдущий Указывает, что документ является частью серии и что предыдущий документ в серии является ссылочным документом
поиск Предоставляет ссылку на ресурс, который можно использовать для поиска в текущем документе и связанных с ним страницах.
таблица стилей Импорт таблицы стилей

Другие примеры

Пример

Вот как добавить значок на веб-сайт:




 Моя страница<br /> Название</название> <br />  <link rel="icon" type="image/x-icon" href="favicon.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript> ico»> <br /></head> <br /><body></p><p><h2><span class="ez-toc-section" id="%D0%AD%D1%82%D0%BE_%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA"></span>Это заголовок<span class="ez-toc-section-end"></span></h2><p></p><p >Это абзац.</p></p><p> <script defer src="https://consei.ru/wp-content/cache/autoptimize/js/autoptimize_5f36542f4fdd420adbdaa5616b406138.js"></script></body> <br /></html></p><hr/><p data-readability-styled="true"> ❮ Тег HTML<link></p><p></p><h5><span class="ez-toc-section" id="%D0%92%D0%AB%D0%91%D0%9E%D0%A0_%D0%A6%D0%92%D0%95%D0%A2%D0%90"></span> ВЫБОР ЦВЕТА <span class="ez-toc-section-end"></span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="%D0%9B%D1%83%D1%87%D1%88%D0%B8%D0%B5_%D1%83%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8"></span> Лучшие учебники <span class="ez-toc-section-end"></span></h5><p>Учебное пособие по HTML <br /> Учебное пособие по CSS <br /> Учебное пособие по JavaScript <br /> Учебное пособие <br /> Учебное пособие по SQL <br />Учебник по Python <br /> Учебник по W3.CSS <br /> Учебник по Bootstrap <br /> Учебник по PHP <br /> Учебник по Java <br /> Учебник по C++ <br /> Учебник по jQuery</p><p><h5><span class="ez-toc-section" id="%D0%9B%D1%83%D1%87%D1%88%D0%B8%D0%B5_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8"></span> Лучшие ссылки <span class="ez-toc-section-end"></span></h5><p>HTML Reference <br /> CSS Reference <br /> JavaScript Reference <br /> SQL Reference <br /> Python Reference <br /> W3.CSS Reference <br /> Bootstrap Reference <br /> PHP Reference <br /> HTML Colors <br /> Java Reference <br /> Angular Reference <br /> jQuery Reference</p><p><p>8 Top Examples<br /> Примеры HTML <br /> Примеры CSS <br /> Примеры JavaScript <br /> Примеры инструкций <br /> Примеры SQL <br /> Примеры Python <br /> Примеры W3.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/img.my7life.ru/upload_image/7b70a41bc6988f85d3f3b703fc339bec.jpg' /><noscript><img loading='lazy' src='/800/600/http/img.my7life.ru/upload_image/7b70a41bc6988f85d3f3b703fc339bec.jpg' /></noscript> CSS <br /> Примеры Bootstrap <br /> Примеры PHP <br /> Примеры Java <br /> Примеры XML <br /> Примеры jQuery</p><table> FORUM 90 |<br /> О</p><p data-readability-styled="true"> W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.<br /> Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.<br /> Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,<br /> куки-файлы и политика конфиденциальности.</p><p> Copyright 1999-2022 Refsnes Data. Все права защищены. <br /> W3Schools работает на основе W3.CSS.</p><h2><span class="ez-toc-section" id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82_HTMLcolon_%D0%BE%D1%82%D0%BD_-_HTMLcolon_%D0%AF%D0%B7%D1%8B%D0%BA_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B9_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8"></span> Атрибут HTML: отн. — HTML: Язык гипертекстовой разметки <span class="ez-toc-section-end"></span></h2><p> Атрибут <strong> <code> rel </code> </strong> определяет связь между связанным ресурсом и текущим документом. Действителен для <code><link> </code> , <code> <a> </code> , <code></p><area> </code> и <code></p><form> </code> , поддерживаемые значения зависят от элемента, для которого найден атрибут.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/antenna59.ru/wp-content/uploads/skopirovat-sajt-tselikom_2.png' /><noscript><img loading='lazy' src='/800/600/http/antenna59.ru/wp-content/uploads/skopirovat-sajt-tselikom_2.png' /></noscript></p><p> Тип отношений задается значением атрибута <code> rel </code>, который, если он присутствует, должен иметь значение, представляющее собой неупорядоченный набор уникальных ключевых слов, разделенных пробелами. В отличие от имени класса <code> класса </code>, которое не выражает семантику, атрибут <code> rel </code> должен выражать токены, семантически допустимые как для машин, так и для людей. Текущие реестры для возможных значений атрибута <code> rel </code> — это реестр отношений ссылок IANA, HTML Living Standard и свободно редактируемая страница с существующими значениями в вики-микроформатах, предложенная Living Standard. Если <code> rel </code> Атрибут, отсутствующий в одном из трех вышеперечисленных источников, используется некоторыми средствами проверки HTML (например, службой проверки разметки W3C) и выдает предупреждение.</p><p> В следующей таблице перечислены некоторые из наиболее важных существующих ключевых слов. Каждое ключевое слово в значении, разделенном пробелом, должно быть уникальным в пределах этого значения.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/crypto-coins.ru/wp-content/uploads/2018/02/5a870902d030721b008b4666-960-7201.jpg' /><noscript><img loading='lazy' src='/800/600/http/crypto-coins.ru/wp-content/uploads/2018/02/5a870902d030721b008b4666-960-7201.jpg' /></noscript></p><p> Атрибут <code> rel </code> относится к <code><link> </code> , <code> <a> </code> , <code></p><area> </code> и <code></p><form> </code> элементов, но некоторые значения относятся только к подмножеству этих элементов. Как и все значения атрибутов ключевых слов HTML, эти значения нечувствительны к регистру.</p><p> Атрибут <code> rel </code> не имеет значения по умолчанию. Если атрибут опущен или если ни одно из значений в атрибуте не поддерживается, то документ не имеет особой связи с целевым ресурсом, кроме гиперссылки между ними. В данном случае на <code> <ссылка> </code> и <code> <форма> </code> , если атрибут <code> rel </code> отсутствует, не имеет ключевых слов или если нет одного или нескольких ключевых слов, разделенных пробелом выше, то элемент не создает никаких ссылок. <code> <a> </code> и <code> <область> </code> по-прежнему будут создавать ссылки, но без определенного отношения.</p><dl><dt> <b> <code> альтернативный </code> </b></dt><dd><p> Указывает альтернативное представление текущего документа.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/1.bp.blogspot.com/-efUtSqoB6vA/Vv6E33ySKxI/AAAAAAAABog/cY4qZPSca2sF9_dT-3Y8MwaiSE2jiHBqw/s1600/Screenshot%2Bat%2B2016-04-01%2B21%253A24%253A43.png' /><noscript><img loading='lazy' src='/800/600/http/1.bp.blogspot.com/-efUtSqoB6vA/Vv6E33ySKxI/AAAAAAAABog/cY4qZPSca2sF9_dT-3Y8MwaiSE2jiHBqw/s1600/Screenshot%2Bat%2B2016-04-01%2B21%253A24%253A43.png' /></noscript> Действительно для <code> <ссылка> </code>, <code> <a> </code>, и <code> <область> </code> , значение зависит от значений других атрибутов.</p><p> <strong> Примечание: </strong> Устаревший <code> rev="made" </code> рассматривается как <code> rel="alternate" </code></p></dd><dt> <b> <code> автор </code> </b></dt><dd><p> Указывает автора текущего документа или статьи. Релевантно для элементов <code><link> </code> , <code> <a> </code> и <code></p><area> </code> , ключевое слово <code> author </code> создает гиперссылку. С <code> <a> </code> и <code></p><area> </code> указывает на связанный документ (или <code> mailto: </code> ) предоставляет информацию об авторе ближайшего <code></p><article> </code> предка, если он есть, иначе весь документ. Для <code><link> </code> он представляет автора всего документа.</p></dd><dt> <b> <code> закладка </code> </b></dt><dd><p> Релевантно как значение атрибута <code> rel </code> для <code> <a> </code> и <code></p><area> </code> элементов, закладка предоставляет постоянную ссылку для раздела-предка, который является ближайшим предком <code></p><article> </code> или <code></p><section> </code> , если есть хотя бы один, в противном случае ближайший родственный заголовок или предок потомок, к следующему.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/drupal.org.ru/storage/drupal/project/responsive_favicons_1.png' /><noscript><img loading='lazy' src='/800/600/http/drupal.org.ru/storage/drupal/project/responsive_favicons_1.png' /></noscript></p></dd><dt> <b> <code> канонический </code> </b></dt><dd><p> Действителен для <code> <ссылка> </code> , он определяет предпочтительный URL-адрес для текущего документа, что полезно для поисковых систем.</p></dd><dt> <b> <code> предварительная выборка DNS </code> </b></dt><dd><p> Относится к элементу <code><link> </code> как в <code><body> </code>, так и в <code><head> </code> , он указывает браузеру упреждающе выполнять разрешение DNS для источника целевого ресурса. Полезно для ресурсов, которые могут понадобиться пользователю, помогает уменьшить задержку и тем самым повысить производительность, когда пользователь получает доступ к ресурсам, поскольку браузер упреждающе выполняет разрешение DNS для источника указанного ресурса. См. описание dns-prefetch в подсказках ресурсов.</p></dd><dt> <b> <code> внешний </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code> <a> </code> и <code></p><area> </code> , указывает, что ссылочный документ не является частью текущего сайта.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/4.bp.blogspot.com/-zP4ir-KmImw/XB11zNheiGI/AAAAAAAAAgc/27vjmLXWGNIiqugt8GVvjNJsIFtpkngBgCLcBGAs/w680/port6.png' /><noscript><img loading='lazy' src='/800/600/http/4.bp.blogspot.com/-zP4ir-KmImw/XB11zNheiGI/AAAAAAAAAgc/27vjmLXWGNIiqugt8GVvjNJsIFtpkngBgCLcBGAs/w680/port6.png' /></noscript> Это можно использовать с селекторами атрибутов для оформления внешних ссылок таким образом, чтобы они указывали пользователю, что он покинет текущий сайт.</p></dd><dt> <b> <code> помощь </code> </b></dt><dd><p> Актуально для <code></p><form> </code> , <code><link> </code> , <code> <a> </code> и <code></p><area> </code> , ключевое слово <code> help </code> указывает, что ссылка на содержимое предоставляет контекстно-зависимую справку, предоставляя информацию для родителя элемента определение гиперссылки и ее дочерних элементов. При использовании внутри <code><link> </code> справка предназначена для всего документа. При включении с <code> <a> </code> и <code> <область> </code> и поддержке курсор <code> по умолчанию </code> будет <code> help </code> вместо <code> pointer </code> .</p></dd><dt> <b> <code> значок </code> </b></dt><dd><p> Действителен с <code> <ссылка> </code> , связанный ресурс представляет собой значок, ресурс для представления страницы в пользовательском интерфейсе для текущего документа.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/4.bp.blogspot.com/-hTUWWQNfRwc/WgoyFN3UmzI/AAAAAAAACmI/LzGqlJ-hsy03hVhUaCg63CpuFZFR_eD3QCEwYBhgL/s640/Download%2BSublime%2Btext%2B3%2Bbuild%2B3143%2BFull%2BLicense%2BKeys.png' /><noscript><img loading='lazy' src='/800/600/http/4.bp.blogspot.com/-hTUWWQNfRwc/WgoyFN3UmzI/AAAAAAAACmI/LzGqlJ-hsy03hVhUaCg63CpuFZFR_eD3QCEwYBhgL/s640/Download%2BSublime%2Btext%2B3%2Bbuild%2B3143%2BFull%2BLicense%2BKeys.png' /></noscript></p><p> Наиболее распространенное использование значения значка <code> </code> — это фавикон:</p><p>.</p><pre> <ссылка rel="icon" href="favicon.ico" /> </pre><p> Если несколько <code><link rel="icon"> </code> s, браузер использует атрибуты <code> media </code>, <code> type </code> и <code> размеры </code>, чтобы выбрать наиболее подходящий значок. Если несколько значков одинаково подходят, используется последний из них. Если впоследствии наиболее подходящий значок оказывается неподходящим, например, из-за того, что он использует неподдерживаемый формат, браузер переходит к следующему наиболее подходящему и так далее.</p><p> <strong> Примечание: </strong> До Firefox 83 атрибут crossorigin не поддерживался для <code> rel="icon" </code> также существует нерешенная проблема для Chrome.</p><p> <strong> Примечание. </strong> iOS от Apple не использует этот тип ссылки, а также атрибут <code> размеров </code>, как это делают другие мобильные браузеры, для выбора значка веб-страницы для веб-клипа или начального заполнителя.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/discourse-user-assets.s3.amazonaws.com/original/3X/6/2/623c5725f8deec17577d4581390acb071435ca49.png' /><noscript><img loading='lazy' src='/800/600/http/discourse-user-assets.s3.amazonaws.com/original/3X/6/2/623c5725f8deec17577d4581390acb071435ca49.png' /></noscript><br /> Вместо этого он использует нестандартные <code> apple-touch-icon </code> и <code> apple-touch-startup-image </code> соответственно.</p><p> <strong> Примечание: </strong> Тип ссылки <code> ярлык </code> часто встречается до <code> значок </code> , но этот тип ссылки не соответствует требованиям, игнорируется, и <strong> веб-авторы не должны больше его использовать </strong> .</p></dd><dt> <b> <code> лицензия </code> </b></dt><dd><p> Действителен для элементов <code> <a> </code> , <code></p><area> </code> , <code></p><form> </code> , <code><link> </code> , значение <code> license </code> указывает, что гиперссылка ведет к документу, описывающему лицензионную информацию; что основное содержание текущего документа защищено лицензией на авторское право, описанной в документе, на который делается ссылка. Если не внутри <code><head> </code>, стандарт не различает гиперссылку, относящуюся к определенной части документа или к документу в целом. Об этом могут свидетельствовать только данные на странице.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript></p><pre> <ссылка rel="license" href="#license" /> </pre><p> <strong> Примечание: </strong> Хотя синоним <code> авторское право </code> распознается, он неверен, и его следует избегать.</p></dd><dt> <b> <code> манифест </code> </b></dt><dd><p> Манифест веб-приложения. Требуется использование протокола CORS для выборки из разных источников.</p></dd><dt> <b> <code> модуль предварительной загрузки </code> </b></dt><dd><p> Полезно для повышения производительности и имеет отношение к <code><link> </code> в любом месте документа, установка <code> rel="modulepreload" </code> указывает браузеру упреждающе загружать скрипт (и зависимости) и сохранять его в карте модуля документа для дальнейшего использования. оценка. Ссылки <code> modulepreload </code> могут гарантировать, что сетевая выборка будет выполнена с готовым (но не оцененным) модулем в карте модуля до того, как он обязательно понадобится. См. также типы ссылок: <code> предварительная загрузка модуля </code> .<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/seokochi.com/wp-content/uploads/2020/09/amp.png' /><noscript><img loading='lazy' src='/800/600/http/seokochi.com/wp-content/uploads/2020/09/amp.png' /></noscript></p></dd><dt> <b> <code> следующий </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code><link> </code> , <code> <a> </code> и <code></p><area> </code> , значения <code> next </code> указывают, что текущий документ является частью серии и что следующий документ в серии является ссылочным документом. При включении в <code><link> </code> браузеры могут предположить, что документ будет выбран следующим, и рассматривать его как подсказку ресурса.</p></dd><dt> <b> <code> nofollow </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code> <a> </code> и <code></p><area> </code> , ключевое слово <code> nofollow </code> указывает поисковым роботам игнорировать отношения ссылок. Отношение nofollow может указывать на то, что владелец текущего документа не поддерживает указанный документ. Его часто включают оптимизаторы поисковых систем, делая вид, что их фермы ссылок не являются спам-страницами.</p></dd><dt> <b> <code> открыватель </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code> <a> </code> и <code></p><area> </code> , создает контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра, если гиперссылка создает любой из них для начала (т.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i2.wp.com/gbhackers.com/wp-content/uploads/2017/11/s.png?w=1024&ssl=1' /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/gbhackers.com/wp-content/uploads/2017/11/s.png?w=1024&ssl=1' /></noscript> е. имеет соответствующее значение атрибута <code> target </code>). Другими словами, это заставляет ссылку вести себя так, как если бы <code> window.opener </code> были нулевыми, а <code> target="_parent" </code> были установлены.</p><p> Это противоположность опенеру.</p></dd><dt> <b> <code> нереферер </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code> <a> </code> и <code></p><area> </code> , включая это значение, делает реферер неизвестным (заголовок <code> Referer </code> не будет включен) и создает контекст просмотра верхнего уровня, как если бы Также были установлены <code> noopener </code>.</p></dd><dt> <b> <code> открывалка </code> </b></dt><dd><p> Создает вспомогательный контекст просмотра, если в противном случае гиперссылка создала бы контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра (т. е. имеет «<code> _blank </code>» в качестве значения атрибута <code> target </code>). По сути, противоположность noopener.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.stack.imgur.com/fu1JU.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/fu1JU.jpg' /></noscript></p></dd><dt> <b> <code> обратная связь </code> </b></dt><dd><p> Указывает адрес сервера проверки связи, который обрабатывает запросы проверки связи для текущего документа.</p></dd><dt> <b> <code> предварительное соединение </code> </b></dt><dd><p> Указывает, что пользовательский агент должен заблаговременно подключаться к источнику целевого ресурса.</p></dd><dt> <b> <code> предварительная выборка </code> </b></dt><dd><p> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации.</p></dd><dt> <b> <code> предварительная нагрузка </code> </b></dt><dd><p> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с потенциальным пунктом назначения, заданным параметром 9.0018 как атрибут </code> (и приоритет, связанный с соответствующим пунктом назначения).<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.stack.imgur.com/HPamn.png' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/HPamn.png' /></noscript></p></dd><dt> <b> <code> предварительная визуализация </code> </b></dt><dd><p> Указывает, что пользовательский агент должен заблаговременно получить целевой ресурс и обработать его таким образом, чтобы в будущем обеспечить более быстрый ответ.</p></dd><dt> <b> <code> предыд. </code> </b></dt><dd><p> Аналогично следующему ключевому слову, релевантному <code></p><form> </code> , <code><link> </code> , <code> <a> </code> и <code></p><area> </code> , значения <code> prev </code> указывают, что текущий документ является частью серии, а ссылка ссылается на предыдущий документ в серии и является ссылочным документом.</p><p> Примечание. Синоним <code> предыдущего </code> неверен и не должен использоваться.</p></dd><dt> <b> <code> поиск </code> </b></dt><dd><p> Относится к <code></p><form> </code> , <code><link> </code> , <code> <a> </code> и <code></p><area> </code>, ключевые слова <code> search </code> указывают, что гиперссылка ссылается на документ, интерфейс которого специально разработан для поиска в текущем документе, сайте и связанных ресурсах, обеспечивая ссылку на ресурс, который можно использовать искать.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.stack.imgur.com/YdLj4.png' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/YdLj4.png' /></noscript></p><p> Если для атрибута <code> type </code> установлено значение <code> application/opensearchdescription+xml </code>, ресурс представляет собой подключаемый модуль OpenSearch, который можно легко добавить в интерфейс некоторых браузеров, таких как Firefox или Internet Explorer.</p></dd><dt> <b> <code> таблица стилей </code> </b></dt><dd><p> Действительно для элемента <code><link> </code>, он импортирует внешний ресурс для использования в качестве таблицы стилей. Атрибут <code> type </code> не нужен, так как это таблица стилей <code> text/css </code>, так как это значение по умолчанию. Если это не таблица стилей типа <code> text/css </code>, лучше объявить тип.</p><p> Хотя этот атрибут определяет ссылку как таблицу стилей, взаимодействие с другими атрибутами и другими ключевыми терминами в значении rel влияет на загрузку и/или использование таблицы стилей.</p><p> При использовании с ключевым словом alter определяет альтернативную таблицу стилей.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/site4business.net/wp-content/uploads/2015/08/techcrunch.jpg' /><noscript><img loading='lazy' src='/800/600/http/site4business.net/wp-content/uploads/2015/08/techcrunch.jpg' /></noscript> В этом случае включите непустой заголовок <code> </code> .</p><p> Внешняя таблица стилей не будет использоваться или даже загружаться, если носитель не соответствует значению атрибута <code> media </code>.</p><p> Требуется использование протокола CORS для выборки из разных источников.</p></dd><dt> <b> <code> бирка </code> </b></dt><dd><p> Действительно для <code> <a> </code> и <code></p><area> </code> элементов, он дает тег (идентифицируемый по заданному адресу), который применяется к текущему документу. Значение тега означает, что ссылка относится к документу, описывающему тег, применяемый к документу, в котором он расположен. Этот тип ссылки не предназначен для тегов в облаке тегов, поскольку эти теги применяются к группе страниц, тогда как значение тега <code> </code> атрибута <code> rel </code> предназначено для одного документа.</p></dd></dl><h4><span class="ez-toc-section" id="%D0%9D%D0%B5%D1%81%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D0%BD%D1%8B%D0%B5_%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F"></span> Нестандартные значения <span class="ez-toc-section-end"></span></h4><dl><dt> <b> <code> сенсорный значок Apple </code> </b></dt><dd><p> Указывает значок для веб-приложения на устройстве iOS.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/pyatilistnik.org/wp-content/uploads/2017/03/Kak-opredelit-CMS-sayta-4.png' /><noscript><img loading='lazy' src='/800/600/http/pyatilistnik.org/wp-content/uploads/2017/03/Kak-opredelit-CMS-sayta-4.png' /></noscript></p><div class="clear"></div><p class="inner-meta">This entry was posted in <a href="https://consei.ru/category/populyarnoe" rel="category tag">Популярное</a></p></div><div class="post comments" id="comments"></div></div></div></div><div id="sidebar" class="profile"><ul><li class="widget png_scale" id="widget_categories"><h2 class="blocktitle"><span>Рубрики</span></h2><ul><li class="cat-item cat-item-23"><a href="https://consei.ru/category/adsense">Adsense</a> (3)</li><li class="cat-item cat-item-20"><a href="https://consei.ru/category/chrome">Chrome</a> (2)</li><li class="cat-item cat-item-19"><a href="https://consei.ru/category/direkt">Директ</a> (86)</li><li class="cat-item cat-item-18"><a href="https://consei.ru/category/dorvei">Дорвеи</a> (39)</li><li class="cat-item cat-item-15"><a href="https://consei.ru/category/klyuchevye-slova">Ключевые слова</a> (238)</li><li class="cat-item cat-item-14"><a href="https://consei.ru/category/lendingi">Лендинги</a> (78)</li><li class="cat-item cat-item-12"><a href="https://consei.ru/category/populyarnoe">Популярное</a> (12 235)</li><li class="cat-item cat-item-17"><a href="https://consei.ru/category/prodvizhenie">Продвижение</a> (498)</li><li class="cat-item cat-item-8"><a href="https://consei.ru/category/raznoe">Разное</a> (4)</li><li class="cat-item cat-item-22"><a href="https://consei.ru/category/rsya">Рся</a> (6)</li><li class="cat-item cat-item-13"><a href="https://consei.ru/category/semanticheskoe-yadro">Семантическое ядро</a> (366)</li><li class="cat-item cat-item-21"><a href="https://consei.ru/category/spam">Спам</a> (10)</li><li class="cat-item cat-item-16"><a href="https://consei.ru/category/ssylochnoe">Ссылочное</a> (73)</li><li class="cat-item cat-item-11"><a href="https://consei.ru/category/ticz">Тиц</a> (381)</li></ul></li></ul></div><div class="clear"></div></div><div class="clear"></div></div><div id="footer"><div class="wrapper" style="margin: auto;"><p style="margin-left: 50px; padding-top: 10px;"></p><div style="margin-left: 50px; padding-bottom: 10px; border-bottom: 1px solid #444;"><ul class="clearfix"><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Подписаться на RSS <br><span>100+ Подписчиков</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Услуги и реклама<span><br>Я свободен</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Контакты <span><br>Скажи мне привет!</span></li></ul></div><p></p> <br><p style="margin-left: 50px; padding-top: 10px;"></p><p style="margin-left: 50px; color: #ffffff;">© Копирование моих статей приветствуется, если вы поставите ссылку на мой блог будет просто математично!</p><div class="clear"></div></div></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://consei.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --></body></html>