Вы можете пометить гиперссылки произвольными тегами, используя относительный атрибут? - PullRequest
Новая
       31

Вы можете пометить гиперссылки произвольными тегами, используя относительный атрибут?

0 голосов
/ 12 мая 2019

Следующий синтаксис действителен в HTML: 

 <a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a>

Теперь, предположим, что я хотел вставить произвольное слово вместо слова "nofollow", это будет действительно? Например, предположим, что существует три вида гиперссылок: красный, зеленый и синий. Могу ли я использовать их в качестве тегов следующим образом: 

<a rel="green" href="http://www.functravel.com/">Cheap Flights</a>

Если вышеупомянутое разрешено, могу ли я пойти на один шаг дальше и определить гиперссылку с двумя или более относительными атрибутами, например: 

 <a rel="nofollow red" href="http://www.functravel.com/">Cheap Flights</a>

Мне просто интересны теоретические возможности.

Ответы [ 2 ]

0 голосов
/ 12 мая 2019

Нет

Спецификация HTML определяет допустимые значения для атрибута rel .

Поскольку существует набор допустимых значенийотклонение от этого списка (неявно) недопустимо (и проверка выдаст ошибку, если вы попытаетесь).

Атрибут class позволяет добавлять произвольные теги к любому элементу.Атрибуты data-* также позволяют добавлять пользовательскую информацию к элементу.Вместо этого используйте один из них.

0 голосов
/ 12 мая 2019

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

Некоторые из принятых значений атрибута rel являются альтернативными, автор, закладка, внешние и т. Д. Посетите ссылку, чтобы узнать больше значений rel

Также, если вы используете пользовательское значение, такое как синий, зеленый и все остальное, вы сможете получить доступ к значению с помощью jquery, но если вы проверите страницу на w3 Validator itвыдаст вам ошибку.

Например: 

<a id='_toBlue' rel='blue' href='blue.php'>blue</a>
<a id='_toGreen' rel='green' href='green.php'>green</a>

И с помощью JQuery вы можете получить значения rel для некоторых целей 

var relBlue = "#!"+$("#_toBlue").attr('rel'); //gives desired result=>"blue"
var relGreen = "#!"+$("#_toGreen").attr('rel'); //gives desired result=>"green"

Теперь, когда вы проверяете этоHTML в W3 Validator вы получаете следующую ошибку

Неверное значение # синий для атрибута, ссылающегося на элемент a: Ключевое слово # синий не зарегистрирован.

Неверное значение # зеленый для атрибута включенэлемент a: ключевое слово #green не зарегистрировано.

Так что, если вы согласны с этим, вы можете его использовать, но НАСТОЯТЕЛЬНО НЕ РЕКОМЕНДУЕТСЯ

...