Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.
<link rel="<тип>">
alternate
Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей.
author
Указывает ссылку на автора текущего документа или статьи.
help
Указывает ссылку на контекстно-зависимую справку.
icon
Адрес картинки, которая символизирует текущий документ или сайт.
license
Сообщает, что основное содержание текущего документа распространяется по лицензии, описанной в указанном документе.
next
Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на следующий документ.
prev
Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на предыдущий документ.
search
Указывает ссылку на ресурс, который применяется для поиска по документу или сайту.
stylesheet
Определяет, что подключаемый файл хранит таблицу стилей (CSS).
Нет.
<!DOCTYPE html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Аудио и видео
Документ
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Формы
Фреймы
Атрибут «rel=» активно используется разработчиками сайтов для взаимодействия с поисковыми системами.
В сегодняшней статье я подробно разберу атрибут «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.
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.
Заключение
Атрибут rel позволяет улучшить связь между страницами и сделать их более привлекательными для поисковых роботов. В результате это может заметно сказаться на посещаемости ресурса. Не бойтесь использовать данный атрибут – он может существенно улучшить показатели вашего сайта.
❮ HTML тег
Импорт внешней таблицы стилей:
Попробуйте сами »
ниже.
Обязательный атрибут rel указывает связь между текущим документом и связанным документом/ресурсом.
Атрибут
отн.
Да
Да
Да
Да
Да
Значение
Описание
альтернативный
Предоставляет ссылку на альтернативную версию документа (т. е. печатную страницу, переведенную или зеркальную).
автор
Предоставляет ссылку на автора документа
предварительная выборка DNS
Указывает, что браузер должен упреждающе выполнять разрешение DNS для источника целевого ресурса
помощь
Предоставляет ссылку на справочный документ. Пример:
значок
Импортирует значок для представления документа.
лицензия
Предоставляет ссылку на информацию об авторских правах для документа
следующий
Предоставляет ссылку на следующий документ в серии
пингбэк
Предоставляет адрес сервера pingback, который обрабатывает pingbacks для текущего документа
предварительное соединение
Указывает, что браузер должен заблаговременно подключаться к источнику целевого ресурса.
предварительная выборка
Указывает, что браузер должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации
предварительная нагрузка
Указывает, что агент браузера должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с пунктом назначения, заданным атрибутом «как» (и приоритетом, связанным с этим пунктом назначения).
пререндеринг
Указывает, что браузер должен предварительно отображать (загружать) указанный Внимание!
предыдущий
Указывает, что документ является частью серии и что предыдущий документ в серии является ссылочным документом
поиск
Предоставляет ссылку на ресурс, который можно использовать для поиска в текущем документе и связанных с ним страницах.
таблица стилей
Импорт таблицы стилей
Вот как добавить значок на веб-сайт:
Моя страница<br />
Название</название> <br /> <link rel="icon" type="image/x-icon" href="favicon.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/2.bp.blogspot.com/_pAgHyh3Ytyk/TNAaQfluMQI/AAAAAAAAAk8/13uoaBab0eE/w1200-h630-p-k-no-nu/tt-doctype.jpg" /><noscript><img loading='lazy' src='/800/600/http/2.bp.blogspot.com/_pAgHyh3Ytyk/TNAaQfluMQI/AAAAAAAAAk8/13uoaBab0eE/w1200-h630-p-k-no-nu/tt-doctype.jpg' /></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> </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 loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/i2.wp.com/spark.ru/upload/other/b_585ccfb4a2b60.jpg" /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/spark.ru/upload/other/b_585ccfb4a2b60.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-2023 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_HTML_rel_-_HTML_%D1%8F%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: rel — 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 loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/image1.slideserve.com/3524646/html-links1-l.jpg" /><noscript><img loading='lazy' src='/800/600/http/image1.slideserve.com/3524646/html-links1-l.jpg' /></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 loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/htmlforum.io/uploads/monthly_2016_12/5863820898895_.thumb.png.9372b902424e99a2ce2d96a697f8adec.png" /><noscript><img loading='lazy' src='/800/600/http/htmlforum.io/uploads/monthly_2016_12/5863820898895_.thumb.png.9372b902424e99a2ce2d96a697f8adec.png' /></noscript> </p>
<table>
<thead>
<tr>
<th> <code> отн. </code> значение </th>
<th> Описание </th>
<th> <code> <ссылка> </code> </th>
<th> <code> <а> </code> и <code> <область> </code> </th>
<th> <code> <форма> </code> </th>
</tr>
</thead>
<tbody>
<tr>
<td> <code> альтернативный </code> </td>
<td> Альтернативные представления текущего документа. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> автор </code> </td>
<td> Автор текущего документа или статьи. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> закладка </code> </td>
<td> Постоянная ссылка на ближайший раздел-предок. </td>
<td> Не разрешено </td>
<td> Ссылка </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> канонический </code> </td>
<td> Предпочтительный URL для текущего документа. </td>
<td> Ссылка </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> предварительная выборка DNS </code> </td>
<td> Сообщает браузеру упреждающее выполнение DNS-разрешения для источника целевого ресурса.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/3.bp.blogspot.com/--MhmTLJcAZs/W-D9WSNMVsI/AAAAAAAACgY/YboNlIcTmGouMnXaMXcGSdyfttZx5QtSQCLcBGAs/s1600/Selection_048.png" /><noscript><img loading='lazy' src='/800/600/http/3.bp.blogspot.com/--MhmTLJcAZs/W-D9WSNMVsI/AAAAAAAACgY/YboNlIcTmGouMnXaMXcGSdyfttZx5QtSQCLcBGAs/s1600/Selection_048.png' /></noscript> </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> внешний </code> </td>
<td> Документ, на который делается ссылка, не является частью того же сайта, что и текущий документ. </td>
<td> Не разрешено </td>
<td> Аннотация </td>
<td> Аннотация </td>
</tr>
<tr>
<td> <code> помощь </code> </td>
<td> Ссылка на контекстную справку. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Ссылка </td>
</tr>
<tr>
<td> <code> значок </code> </td>
<td> Значок, представляющий текущий документ. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> лицензия </code> </td>
<td> Указывает, что основное содержание текущего документа защищено лицензией на авторское право. описано в упомянутом документе. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Ссылка </td>
</tr>
<tr>
<td> <code> манифест </code> </td>
<td> Манифест веб-приложения.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/uprint.id/blog/wp-content/uploads/2017/05/kissmetrics-1024x499.png" /><noscript><img loading='lazy' src='/800/600/http/uprint.id/blog/wp-content/uploads/2017/05/kissmetrics-1024x499.png' /></noscript> </td>
<td> Ссылка </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> я </code> </td>
<td> Указывает, что текущий документ представляет лицо, которому принадлежит связанное содержимое. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> модуль предварительной загрузки </code> </td>
<td> Указывает браузеру заблаговременно загрузить скрипт и сохранить его в карте модуля документа для последующей оценки. При желании можно также получить зависимости модуля. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> следующий </code> </td>
<td> Указывает, что текущий документ является частью серии и что следующий документ в серии является ссылочным документом. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Ссылка </td>
</tr>
<tr>
<td> <code> nofollow </code> </td>
<td> Указывает, что первоначальный автор или издатель текущего документа не поддерживает указанный документ.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-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> </td>
<td> Не разрешено </td>
<td> Аннотация </td>
<td> Аннотация </td>
</tr>
<tr>
<td> <code> открывалка </code> </td>
<td> Создает контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра, если гиперссылка изначально создает любой из них (т. е. имеет соответствующий <code> целевое значение атрибута </code>). </td>
<td> Не разрешено </td>
<td> Аннотация </td>
<td> Аннотация </td>
</tr>
<tr>
<td> <code> нереферер </code> </td>
<td> Нет <code> Заголовок Referer </code> будет включен. Кроме того, имеет тот же эффект, что и <code> noopener </code> . </td>
<td> Не разрешено </td>
<td> Аннотация </td>
<td> Аннотация </td>
</tr>
<tr>
<td> <code> открывалка </code> </td>
<td> Создает вспомогательный контекст просмотра, если в противном случае гиперссылка создала бы контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра (т.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/semantica.in/wp-content/uploads/2016/06/7050787df0.jpg" /><noscript><img loading='lazy' src='/800/600/http/semantica.in/wp-content/uploads/2016/06/7050787df0.jpg' /></noscript> е. имеет » <code> _blank </code> » как значение атрибута <code> target </code>). </td>
<td> Не разрешено </td>
<td> Аннотация </td>
<td> Аннотация </td>
</tr>
<tr>
<td> <code> пингбэк </code> </td>
<td> Указывает адрес сервера проверки связи, который обрабатывает обратную связь для текущего документа. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> предварительное соединение </code> </td>
<td> Указывает, что пользовательский агент должен заблаговременно подключаться к источнику целевого ресурса. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> предварительная выборка </code> </td>
<td> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> предварительная нагрузка </code> </td>
<td> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с потенциальным пунктом назначения, заданным параметром 9.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/i.stack.imgur.com/BJDWL.png" /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/BJDWL.png' /></noscript> 0018 как атрибут </code> (и приоритет, связанный с соответствующим пунктом назначения). </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> пререндеринг </code> </td>
<td> Указывает, что пользовательский агент должен упреждающе извлекать целевой ресурс и обрабатывать его таким образом, чтобы в будущем он мог обеспечить более быстрый ответ. </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> предыд. </code> </td>
<td> Указывает, что текущий документ является частью серии и что предыдущий документ в серии является ссылочным документом. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Ссылка </td>
</tr>
<tr>
<td> <code> поиск </code> </td>
<td> Дает ссылку на ресурс, который можно использовать для поиска в текущем документе и связанных с ним страницах. </td>
<td> Ссылка </td>
<td> Ссылка </td>
<td> Ссылка </td>
</tr>
<tr>
<td> <code> таблица стилей </code> </td>
<td> Импортирует таблицу стилей.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/fuzeservers.ru/wp-content/uploads/f/b/c/fbc41a5cf465ef072a1f1284a4c7614f.png" /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/f/b/c/fbc41a5cf465ef072a1f1284a4c7614f.png' /></noscript> </td>
<td> Внешний ресурс </td>
<td> Не разрешено </td>
<td> Не разрешено </td>
</tr>
<tr>
<td> <code> бирка </code> </td>
<td> Дает тег (идентифицируемый по заданному адресу), который применяется к текущему документу. </td>
<td> Не разрешено </td>
<td> Ссылка </td>
<td> Не разрешено </td>
</tr>
</tbody>
</table>
<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> отсутствует, не имеет ключевых слов или если нет одного или нескольких ключевых слов, разделенных пробелом выше, то элемент не создает никаких ссылок.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/oddstyle.ru/wp-content/uploads/2015/04/html-comments-search-example.png" /><noscript><img loading='lazy' src='/800/600/http/oddstyle.ru/wp-content/uploads/2015/04/html-comments-search-example.png' /></noscript> <code> <a> </code> и <code> <область> </code> по-прежнему будут создавать ссылки, но без определенного отношения. </p>
<dl>
<dt> <code> альтернативный </code> </dt>
<dd>
<p> Указывает альтернативное представление текущего документа. Действительно для <code> <ссылка> </code> , <code> <a> </code> и <code> <область> </code> , значение зависит от значений других атрибутов. </p>
</dd>
<dt> <code> автор </code> </dt>
<dd>
<p> Указывает, что ссылочный документ предоставляет дополнительную информацию об авторе текущего документа или статьи. Актуально для элементов <code> <link> </code> , <code> <a> </code> и <code> </p>
<area> </code> . </p>
<p> С <code> <a> </code> и <code> <область> </code> указывает связанный документ (или <code> mailto: </code> ) предоставляет информацию об авторе ближайшего <code> </p>
<article> </code> предка, если он есть, иначе всего документа. </p>
<p> С <code> <link> </code> он представляет автора всего документа. </p>
<p> <strong> Примечание: </strong> По историческим причинам устаревшее значение атрибута <code> rev="made" </code> обрабатывается как <code> rel="author" </code> .<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/zapmap.com/wp-content/uploads/2016/01/js1-768x628.jpg" /><noscript><img loading='lazy' src='/800/600/http/zapmap.com/wp-content/uploads/2016/01/js1-768x628.jpg' /></noscript> </p>
</dd>
<dt> <code> закладка </code> </dt>
<dd>
<p> Актуально как <code> Значение атрибута rel </code> для элементов <code> <a> </code> и <code> </p>
<area> </code>. Дает постоянную ссылку для ближайшего предка <code> элемента </p>
<article> </code>, если он есть. Если нет предка <code> элемента </p>
<article> </code>, дает постоянную ссылку для раздела, с которым наиболее тесно связан связывающий элемент. </p>
</dd>
<dt> <code> канонический </code> </dt>
<dd>
<p> Действителен для <code> <ссылка> </code> , он определяет предпочтительный URL-адрес для текущего документа, что помогает поисковым системам уменьшить дублирование контента. </p>
</dd>
<dt> <code> предварительная выборка DNS </code> </dt>
<dd>
<p> Относится к элементу <code> <link> </code> как в <code> <body> </code>, так и в <code> <head> </code> , он указывает браузеру упреждающе выполнять разрешение DNS для источника целевого ресурса. Полезно для ресурсов, которые, вероятно, потребуются пользователю, это помогает уменьшить задержку и тем самым повысить производительность, когда пользователь обращается к ресурсам, поскольку браузер упреждающе выполняет разрешение DNS для источника указанного ресурса.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/goldbusinessnet.com/wp-content/uploads/2017/01/2017-01-31_210153.png" /><noscript><img loading='lazy' src='/800/600/http/goldbusinessnet.com/wp-content/uploads/2017/01/2017-01-31_210153.png' /></noscript> См. описание dns-prefetch в подсказках ресурсов. </p>
</dd>
<dt> <code> внешний </code> </dt>
<dd>
<p> Относится к <code> </p>
<form> </code> , <code> <a> </code> и <code> </p>
<area> </code> , указывает, что ссылочный документ не является частью текущего сайта. Это можно использовать с селекторами атрибутов для оформления внешних ссылок таким образом, чтобы они указывали пользователю, что он покинет текущий сайт. </p>
</dd>
<dt> <code> помощь </code> </dt>
<dd>
<p> Относится к <code> <форма> </code> , <code> <ссылка> </code> , <code> <a> </code> и <code> <область> </code> , ключевое слово <code> help </code> указывает, что ссылка на содержимое предоставляет контекстно-зависимую справку, предоставляя информацию для родителя элемента, определяющего гиперссылку, и его дети. При использовании внутри <code> <link> </code> справка предназначена для всего документа. При включении с <code> <a> </code> и <code> <область> </code> и поддержке курсор <code> по умолчанию </code> будет <code> help </code> вместо <code> указатель </code> .<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/aapp.in/wp-content/uploads/2018/02/How-to-Hack-BlogSpot-website1-1024x642.png" /><noscript><img loading='lazy' src='/800/600/http/aapp.in/wp-content/uploads/2018/02/How-to-Hack-BlogSpot-website1-1024x642.png' /></noscript> </p>
</dd>
<dt> <code> значок </code> </dt>
<dd>
<p> Действителен с <code> <ссылка> </code> , связанный ресурс представляет собой значок, ресурс для представления страницы в пользовательском интерфейсе для текущего документа. </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.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/chimpandzinc.com/blogs/wp-content/uploads/2021/01/8-1024x628.jpg" /><noscript><img loading='lazy' src='/800/600/http/chimpandzinc.com/blogs/wp-content/uploads/2021/01/8-1024x628.jpg' /></noscript> </p>
<p>
<strong> Примечание. </strong> iOS от Apple не использует этот тип ссылки, а также атрибут <code> размеров </code>, как это делают другие мобильные браузеры, для выбора значка веб-страницы для веб-клипа или начального заполнителя.<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> <code> лицензия </code> </dt>
<dd>
<p> Действителен для элементов <code> <a> </code> , <code> </p>
<area> </code> , <code> </p>
<form> </code> , <code> <link> </code> , значение <code> license </code> указывает, что гиперссылка ведет к документу, описывающему лицензионную информацию; что основное содержание текущего документа защищено лицензией на авторское право, описанной в документе, на который делается ссылка.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/i.stack.imgur.com/T7zJF.png" /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/T7zJF.png' /></noscript> Если не внутри <code> <head> </code>, стандарт не различает гиперссылку, относящуюся к определенной части документа или к документу в целом. Об этом могут свидетельствовать только данные на странице. </p>
<pre> <ссылка rel="license" href="#license" />
</pre>
<p> <strong> Примечание: </strong> Хотя синоним <code> авторское право </code> распознается, он неверен, и его следует избегать. </p>
</dd>
<dt> <code> манифест </code> <abbr title="Experimental. Expect behavior to change in the future."><br />
Экспериментальный<br />
</abbr> </dt>
<dd>
<p> Манифест веб-приложения. Требуется использование протокола CORS для выборки из разных источников. </p>
</dd>
<dt> <code> модуль предварительной загрузки </code> </dt>
<dd>
<p> Полезно для повышения производительности и имеет отношение к <code> <link> </code> в любом месте документа, установка <code> rel="modulepreload" </code> указывает браузеру упреждающе загружать скрипт (и зависимости) и сохранять его в карте модуля документа для дальнейшего использования.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/onlinesalesguidetip.com/wp-content/uploads/2014/05/9721665096_e59b8d6a4e.jpg" /><noscript><img loading='lazy' src='/800/600/http/onlinesalesguidetip.com/wp-content/uploads/2014/05/9721665096_e59b8d6a4e.jpg' /></noscript> оценка. Ссылки <code> modulepreload </code> могут гарантировать, что сетевая выборка будет выполнена с готовым (но не оцененным) модулем в карте модуля до того, как он обязательно понадобится. См. также <code> предварительная загрузка модуля </code> . </p>
</dd>
<dt> <code> следующий </code> </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> <code> nofollow </code> </dt>
<dd>
<p> Относится к <code> </p>
<form> </code> , <code> <a> </code> и <code> </p>
<area> </code> , ключевое слово <code> nofollow </code> указывает поисковым роботам игнорировать отношения ссылок. Отношение nofollow может указывать на то, что владелец текущего документа не поддерживает указанный документ.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-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>
</dd>
<dt> <code> ноупер </code> </dt>
<dd>
<p> Относится к <code> </p>
<form> </code> , <code> <a> </code> и <code> </p>
<area> </code> , создает контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра, если гиперссылка создает любой из них для начала (т. е. имеет соответствующее значение атрибута <code> target </code>). Другими словами, это заставляет ссылку вести себя так, как если бы <code> window.opener </code> были нулевыми, а <code> target="_parent" </code> были установлены. </p>
<p> Это противоположность <code> открывалка </code> . </p>
</dd>
<dt> <code> нореферер </code> </dt>
<dd>
<p> Относится к <code> </p>
<form> </code> , <code> <a> </code> и <code> </p>
<area> </code> , включая это значение, делает реферер неизвестным (заголовок <code> Referer </code> не будет включен) и создает контекст просмотра верхнего уровня, как если бы Также были установлены <code> noopener </code>.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/winitpro.ru/wp-content/uploads/2014/10/powershell-html-cod-http-zagolovki.jpg" /><noscript><img loading='lazy' src='/800/600/http/winitpro.ru/wp-content/uploads/2014/10/powershell-html-cod-http-zagolovki.jpg' /></noscript> </p>
</dd>
<dt> <code> открывалка </code> </dt>
<dd>
<p> Создает вспомогательный контекст просмотра, если в противном случае гиперссылка создала бы контекст просмотра верхнего уровня, который не является вспомогательным контекстом просмотра (т. е. имеет » <code> _blank </code> » как значение атрибута <code> target </code>). Фактически противоположно noopener. </p>
</dd>
<dt> <code> пингбэк </code> </dt>
<dd>
<p> Указывает адрес сервера проверки связи, который обрабатывает запросы проверки связи для текущего документа. См. спецификацию Pingback. </p>
</dd>
<dt> <code> предварительное соединение </code> </dt>
<dd>
<p> Предоставляет подсказку браузеру, предлагая ему заранее установить соединение со связанным веб-сайтом, не раскрывая никакой личной информации и не загружая какой-либо контент, чтобы при переходе по ссылке связанный контент можно было получить быстрее. </p>
</dd>
<dt> <code> предварительная выборка </code> </dt>
<dd>
<p> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/jyrtrip.ru/uploads/fe1401b16112fa10f82f095e253fdd4b.jpg" /><noscript><img loading='lazy' src='/800/600/http/jyrtrip.ru/uploads/fe1401b16112fa10f82f095e253fdd4b.jpg' /></noscript> Часто задаваемые вопросы о предварительной выборке ссылок содержат подробные сведения о том, какие ссылки могут быть предварительно загружены, а также об альтернативных методах. </p>
</dd>
<dt> <code> предварительная нагрузка </code> </dt>
<dd>
<p> Указывает, что пользовательский агент должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с потенциальным пунктом назначения, заданным параметром 9.0018 как атрибут </code> (и приоритет, связанный с соответствующим пунктом назначения). См. страницу для значения <code> предварительной загрузки </code>. </p>
</dd>
<dt> <code> предварительная визуализация </code> <abbr title="Experimental. Expect behavior to change in the future."><br />
Экспериментальный<br />
</abbr> </dt>
<dd>
<p> Указывает, что пользовательский агент должен упреждающе получить целевой ресурс и обработать его таким образом, чтобы помочь обеспечить более быстрый ответ в будущем, например, путем получения его подресурсов или выполнения некоторого рендеринга.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/wikihow.com/images/6/60/Include-CSS-Within-HTML-Web-Pages-Step-8.jpg" /><noscript><img loading='lazy' src='/800/600/http/wikihow.com/images/6/60/Include-CSS-Within-HTML-Web-Pages-Step-8.jpg' /></noscript> </p>
</dd>
<dt> <code> предыд. </code> </dt>
<dd>
<p> Подобно ключевому слову <code> next </code>, относящемуся к <code> </p>
<form> </code> , <code> <link> </code> , <code> <a> </code> и <code> </p>
<area> </code> , значения <code> prev </code> указывают, что текущий документ является частью серия, и что ссылка ссылается на предыдущий документ в серии, является ссылочным документом. </p>
<p> Примечание. Синоним <code> предыдущего </code> неверен и не должен использоваться. </p>
</dd>
<dt> <code> поиск </code> </dt>
<dd>
<p> Относится к элементам <code> </p>
<form> </code> , <code> <link> </code> , <code> <a> </code> и <code> </p>
<area> </code> , ключевые слова <code> search </code> указывают, что гиперссылка ссылается на документ, интерфейс которого специально разработан для поиска в текущий документ, сайт и связанные ресурсы, предоставляя ссылку на ресурс, который можно использовать для поиска. </p>
<p> Если для атрибута <code> типа </code> установлено значение <code> application/opensearchdescription+xml </code> ресурс представляет собой подключаемый модуль OpenSearch, который можно легко добавить в интерфейс Firefox.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/poftut.com/wp-content/uploads/2020/01/img_5e14489dc2d82.png" /><noscript><img loading='lazy' src='/800/600/http/poftut.com/wp-content/uploads/2020/01/img_5e14489dc2d82.png' /></noscript> </p>
</dd>
<dt> <code> таблица стилей </code> </dt>
<dd>
<p> Действительно для элемента <code> <link> </code>, он импортирует внешний ресурс для использования в качестве таблицы стилей. Атрибут <code> type </code> не нужен, так как это таблица стилей <code> text/css </code>, так как это значение по умолчанию. Если это не таблица стилей типа <code> text/css </code> лучше объявить тип. </p>
<p> Хотя этот атрибут определяет ссылку как таблицу стилей, взаимодействие с другими атрибутами и другими ключевыми терминами в значении rel влияет на загрузку и/или использование таблицы стилей. </p>
<p> При использовании с альтернативным ключевым словом <code> </code> оно определяет альтернативную таблицу стилей. В этом случае включите непустой заголовок <code> </code> . </p>
<p> Внешняя таблица стилей не будет использоваться или даже загружаться, если носитель не соответствует значению <code> носитель </code> атрибут. </p>
<p> Требуется использование протокола CORS для выборки из разных источников.<img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/3.bp.blogspot.com/-hyfM_gmNvm8/V0GeAfCCJpI/AAAAAAAAFls/gg7sCD5Qt-oi0fBgIMTHo6R5S0UxQLlhwCLcB/s1600/Cara%2BMenentukan%2BKata%2BKunci%2B%2528Keyword%2BKey%2529%2Bdan%2BMeta%2BDeskripsi%2BBlog.png" /><noscript><img loading='lazy' src='/800/600/http/3.bp.blogspot.com/-hyfM_gmNvm8/V0GeAfCCJpI/AAAAAAAAFls/gg7sCD5Qt-oi0fBgIMTHo6R5S0UxQLlhwCLcB/s1600/Cara%2BMenentukan%2BKata%2BKunci%2B%2528Keyword%2BKey%2529%2Bdan%2BMeta%2BDeskripsi%2BBlog.png' /></noscript> </p>
</dd>
<dt> <code> бирка </code> </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> <code> apple-touch-icon </code> </dt>
<dd>
<p> Указывает значок для веб-приложения на устройстве iOS. </p>
</dd>
</dl>
<table>
<thead>
<tr>
<th scope="col"> Спецификация </th>
</tr>
</thead>
<tbody>
<tr>
<td> HTML Стандарт <br /> <small> # Linktypes </small> </td>
</tr>
</tbody>
</table>
<h4><span class="ez-toc-section" id="HTMLELEMESSLINKREL"></span> HTML.ELEMESS.LINK.REL <span class="ez-toc-section-end"></span></h4>
</tbody>
</table>
<h4><span class="ez-toc-section" id="HTMLELEMENTESLINKREL"></span> HTML.ELEMENTES.LINK.REL <span class="ez-toc-section-end"></span></h4>
</p>
</tbody>
</table>
<h4><span class="ez-toc-section" id="HTML"></span> HTML.<span class="ez-toc-section-end"></span></h4>
<p><img loading='lazy' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/800/600/http/cf2.ppt-online.org/files2/slide/8/8x7C64MpQaNPLyqnrwScUEm3IvtoYubTeF9KH0/slide-5.jpg" /><noscript><img loading='lazy' src='/800/600/http/cf2.ppt-online.org/files2/slide/8/8x7C64MpQaNPLyqnrwScUEm3IvtoYubTeF9KH0/slide-5.jpg' /></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">
<!-- You can start editing here. -->
</div>
</div>
</div>
</div> <!-- END Narrowcolumn -->
<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> (2)
</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> (69)
</li>
<li class="cat-item cat-item-18"><a href="https://consei.ru/category/dorvei">Дорвеи</a> (34)
</li>
<li class="cat-item cat-item-15"><a href="https://consei.ru/category/klyuchevye-slova">Ключевые слова</a> (192)
</li>
<li class="cat-item cat-item-14"><a href="https://consei.ru/category/lendingi">Лендинги</a> (68)
</li>
<li class="cat-item cat-item-12"><a href="https://consei.ru/category/populyarnoe">Популярное</a> (10 030)
</li>
<li class="cat-item cat-item-17"><a href="https://consei.ru/category/prodvizhenie">Продвижение</a> (408)
</li>
<li class="cat-item cat-item-22"><a href="https://consei.ru/category/rsya">Рся</a> (4)
</li>
<li class="cat-item cat-item-13"><a href="https://consei.ru/category/semanticheskoe-yadro">Семантическое ядро</a> (288)
</li>
<li class="cat-item cat-item-21"><a href="https://consei.ru/category/spam">Спам</a> (7)
</li>
<li class="cat-item cat-item-16"><a href="https://consei.ru/category/ssylochnoe">Ссылочное</a> (60)
</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><!-- END main wrapper -->
<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>
<style type="text/css">
.archive #nav-above,
.archive #nav-below,
.search #nav-above,
.search #nav-below,
.blog #nav-below,
.blog #nav-above,
.navigation.paging-navigation,
.navigation.pagination,
.pagination.paging-pagination,
.pagination.pagination,
.pagination.loop-pagination,
.bicubic-nav-link,
#page-nav,
.camp-paging,
#reposter_nav-pages,
.unity-post-pagination,
.wordpost_content .nav_post_link,.page-link,
.post-nav-links,
.page-links,#comments .navigation,
#comment-nav-above,
#comment-nav-below,
#nav-single,
.navigation.comment-navigation,
comment-pagination {
display: none !important;
}
.single-gallery .pagination.gllrpr_pagination {
display: block !important;
} </style>
<script type="text/javascript" charset="utf-8">/*<![CDATA[*/
jQuery(document).ready(function() {
jQuery(".slideshow").cycle({
fx: "turnDown",
timeout: 5000,
speed: 1000,
prev: "#left-arrow",
next: "#right-arrow",
pagerEvent: "click",
pauseOnPagerHover: true,
cleartypeNoBg: true });
});
/*]]>*/</script><link rel='stylesheet' id='pgntn_stylesheet-css' href='https://consei.ru/wp-content/plugins/pagination/css/nav-style.css?ver=6.2' type='text/css' media='all' />
<script type='text/javascript' src='https://consei.ru/wp-includes/js/comment-reply.min.js?ver=6.2' id='comment-reply-js'></script>
<script type='text/javascript' src='https://consei.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.3.0' id='q2w3_fixed_widget-js'></script>
<script type='text/javascript' src='https://consei.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=2.2.0' id='jquery-smooth-scroll-js'></script>
<script type='text/javascript' src='https://consei.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='js-cookie-js'></script>
<script type='text/javascript' src='https://consei.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script>
<script type='text/javascript' id='ez-toc-js-js-extra'>
/* <![CDATA[ */
var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"};
/* ]]> */
</script>
<script type='text/javascript' src='https://consei.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.17-1617043686' id='ez-toc-js-js'></script>
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});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>
<script>window.lazyLoadOptions = {
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}};
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
return;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
return;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://consei.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script>
</body>
</html> 
Он включает в себя несколько значений, например nofollow или canonical. Каждый из них предназначен для решения определенных задач.
Кроме того, социальные сети будут лучше взаимодействовать с веб-ресурсом, если его ссылки будут определены.
html">Эта ссылка относится к странице с каталогом</a>
html">Эта ссылка относится к странице с каталогом</a>
html">Первая страница</a></li>
<li>Исходная страница</li>
<li><a rel="prey" href="page-3.html">Последняя страница</a></li>
</ul>
