http://wiki.lainlife.ru/index.php?action=history&feed=atom&title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82
Rel атрибут - История изменений
2026-05-20T13:56:54Z
История изменений этой страницы в вики
MediaWiki 1.45.2
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=706&oldid=prev
Zaraz7: Добавление пункта ссылки
2026-05-05T10:52:31Z
<p>Добавление пункта ссылки</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 10:52, 5 мая 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Строка 35:</td>
<td colspan="2" class="diff-lineno">Строка 35:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="Nature"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="Nature"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Список зарегистрированных тегов можно посмотреть на сайте Octothorpes</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Список зарегистрированных тегов можно посмотреть на сайте Octothorpes</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">= Ссылки =</ins></div></td></tr>
<!-- diff cache key wikidatabase:diff:1.41:old-705:rev-706:php=table -->
</table>
Zaraz7
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=705&oldid=prev
Zaraz7 в 10:09, 5 мая 2026
2026-05-05T10:09:04Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 10:09, 5 мая 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Задача данной статьи не столько указать все способы применения атрибута, а сколько познакомить с его полезными для <del style="font-weight: bold; text-decoration: none;">вебмастера </del>возможностями.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Задача данной статьи не столько указать все способы применения атрибута, а сколько познакомить с его полезными для <ins style="font-weight: bold; text-decoration: none;">индивебмастера </ins>возможностями<ins style="font-weight: bold; text-decoration: none;">. С более подробным список возможностей можно ознакомиться в [https://doka.guide/html/rel/ другой статье]</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Практическое использование ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Практическое использование ==</div></td></tr>
<!-- diff cache key wikidatabase:diff:1.41:old-704:rev-705:php=table -->
</table>
Zaraz7
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=704&oldid=prev
Zaraz7 в 10:03, 5 мая 2026
2026-05-05T10:03:29Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 10:03, 5 мая 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Задача данной статьи не столько указать все способы применения атрибута, а сколько познакомить с его полезными для вебмастера возможностями.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Практическое использование ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Практическое использование ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32">Строка 32:</td>
<td colspan="2" class="diff-lineno">Строка 34:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="weirdweboctober"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="weirdweboctober"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="Nature"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="octo:octothorpes" href="Nature"></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Список зарегистрированных тегов можно <del style="font-weight: bold; text-decoration: none;">постреть </del>на сайте Octothorpes</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Список зарегистрированных тегов можно <ins style="font-weight: bold; text-decoration: none;">посмотреть </ins>на сайте Octothorpes</div></td></tr>
<!-- diff cache key wikidatabase:diff:1.41:old-702:rev-704:php=table -->
</table>
Zaraz7
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=702&oldid=prev
Zaraz7: /* Глобальные "хештеги" для сайтов */
2026-05-04T17:51:41Z
<p><span class="autocomment">Глобальные "хештеги" для сайтов</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 17:51, 4 мая 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l25">Строка 25:</td>
<td colspan="2" class="diff-lineno">Строка 25:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Глобальные "хештеги" для сайтов ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Глобальные "хештеги" для сайтов ===</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Это более эксперементальный способ использовать rel.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Это более эксперементальный способ использовать rel. </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Сервис Octothorpes<ref>[https://octothorp.es/ Основной сервер Octothorpes]</ref> предоставляет хэштеги и обратные ссылки, которые можно использовать на обычных веб-сайтах, соединяя страницы в открытом Интернете, независимо от того, где они размещены. Пример добавления <del style="font-weight: bold; text-decoration: none;">тегов </del>участника конкурса Weird Web October<ref>[https://weirdweboctober.website/ Официальный сайт конкурса Weird Web October]</ref> необходимо добавить следующие теги на страницу с <del style="font-weight: bold; text-decoration: none;">работой для конкурса</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Сервис Octothorpes<ref>[https://octothorp.es/ Основной сервер Octothorpes]</ref> предоставляет хэштеги и обратные ссылки, которые можно использовать на обычных веб-сайтах, соединяя страницы в открытом Интернете, независимо от того, где они размещены. Пример добавления <ins style="font-weight: bold; text-decoration: none;">хештегов </ins>участника конкурса Weird Web October<ref>[https://weirdweboctober.website/ Официальный сайт конкурса Weird Web October]</ref> <ins style="font-weight: bold; text-decoration: none;">на тему Nature (Природа) </ins>необходимо добавить следующие теги на страницу с <ins style="font-weight: bold; text-decoration: none;">публикацией</ins>:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="preload" as="fetch"</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="preload" as="fetch"</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> href="https://octothorp.es/?uri=https://сайт_участника"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> href="https://octothorp.es/?uri=https://сайт_участника"></div></td></tr>
<!-- diff cache key wikidatabase:diff:1.41:old-701:rev-702:php=table -->
</table>
Zaraz7
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=701&oldid=prev
Zaraz7 в 17:48, 4 мая 2026
2026-05-04T17:48:57Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 17:48, 4 мая 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Строка 23:</td>
<td colspan="2" class="diff-lineno">Строка 23:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <a rel="me" href="https://mastodon.ml/@foobar">Mastodon</a></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <a rel="me" href="https://mastodon.ml/@foobar">Mastodon</a></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>После этого ссылка в профиле будет выделена галочкой и зелёным цветом.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>После этого ссылка в профиле будет выделена галочкой и зелёным цветом.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=== Глобальные "хештеги" для сайтов ===</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Это более эксперементальный способ использовать rel.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Сервис Octothorpes<ref>[https://octothorp.es/ Основной сервер Octothorpes]</ref> предоставляет хэштеги и обратные ссылки, которые можно использовать на обычных веб-сайтах, соединяя страницы в открытом Интернете, независимо от того, где они размещены. Пример добавления тегов участника конкурса Weird Web October<ref>[https://weirdweboctober.website/ Официальный сайт конкурса Weird Web October]</ref> необходимо добавить следующие теги на страницу с работой для конкурса:</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <link rel="preload" as="fetch"</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> href="https://octothorp.es/?uri=https://сайт_участника"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <link rel="octo:octothorpes" href="weirdweboctober"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <link rel="octo:octothorpes" href="Nature"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Список зарегистрированных тегов можно постреть на сайте Octothorpes</ins></div></td></tr>
<!-- diff cache key wikidatabase:diff:1.41:old-700:rev-701:php=table -->
</table>
Zaraz7
http://wiki.lainlife.ru/index.php?title=Rel_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82&diff=700&oldid=prev
Zaraz7: Новая страница: «Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>. == Практиче...»
2026-05-04T15:00:17Z
<p>Новая страница: «Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>. == Практиче...»</p>
<p><b>Новая страница</b></p><div>Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>.<br />
<br />
== Практическое использование ==<br />
Если вы верстали сайт, возможно вам уже сталкивались с этим атрибутом.<br />
Самый популярный способ применения - подключение таблицы стилей (CSS) в <code><head></code> документа:<br />
<link rel="stylesheet" href="/main.css"><br />
<br />
Также применяется для подключения иконки сайта:<br />
<link rel="icon" href="img/ico/ava16.png" type="image/x-icon"><br />
<link rel="icon" href="img/ico/ava32.png" type="image/png" sizes="32x32"><br />
<br />
=== Обеспечение безопасности ===<br />
Когда вы открываете ссылку с <code>target="_blank"</code>, браузер создаёт новую вкладку или окно. <br />
Существуют функции JavaScript, которые позволяют новой вкладке получить контроль над ссылающимся окном. Если вы ссылаетесь на внешний ''вредоносный'' веб-сайт, он может использовать свойство JavaScript window.opener, чтобы изменить исходную страницу (ваш веб-сайт в предыдущем окне) для кражи информации или распространения вредоносного кода.<ref>[https://hostenko.com/wpcafe/tutorials/razjasnenie-chto-takoe-rel-noopener-v-wordpress/ Разъяснение, что такое rel = ”noopener” в WordPress]</ref><br />
В таком случае атака производится на посетителя сайта.<br />
<br />
Чтобы запретить JavaScript на чужой странице получать доступ с вашей, добавьте атрибут <code>rel="noopener"</code> к ссылке на подозрительный сайт.<br />
<br />
=== Подтверждение авторства ===<br />
В некоторый социальных сетях есть возможность подтверждать связанный со страницей сайт. Для этого страница социальной сети и внешнего сайта должны ссылаться друг на друга. Пример, подтверждения сайта в '''Mastodon''' для пользователя foobar:<br />
* В дополнительных полях профиля вводится ссылка на персональный сайт (<code>http://foobar.w10.site/ru/index.html</code>). <br />
* На странице <code>foobar.w10.site/ru/index.html</code> прописывается ссылка на профиль социальной сети с атрибутом <code>rel="me"</code>:<br />
<a rel="me" href="https://mastodon.ml/@foobar">Mastodon</a><br />
После этого ссылка в профиле будет выделена галочкой и зелёным цветом.</div>
Zaraz7