Атрибут rev тега <a> — зворотний зв'язок документів
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<a rev="value">Атрибут rev може отримувати 19 значень:
-
alternate -
Альтернативна версія документа (тобто друк сторінки, переклад або дзеркало).
автор: NagarD -
stylesheet -
Зовнішній стиль для документа.
автор: NagarD -
start -
Перший документ у виборі.
автор: NagarD -
next -
Наступний документ у виборі.
автор: NagarD -
prev -
Попередній документ у виборі.
автор: NagarD -
contents -
Зміст для документа.
автор: NagarD -
index -
Індекс для документа.
автор: NagarD -
glossary -
Словник (пояснення) слів, які використовуються в документі.
автор: NagarD -
copyright -
Права на документ, які містять інформацію про авторські права.
автор: NagarD -
chapter -
Одна з глав документа.
автор: NagarD -
section -
Розділ документа.
автор: NagarD -
subsection -
Підрозділ документа.
автор: NagarD -
appendix -
Апендикс до документа.
автор: NagarD -
help -
Документ довідки.
автор: NagarD -
bookmark -
Зв'язаний документ.
автор: NagarD -
nofollow -
Nofollow" використовується Google, щоб вказати, що пошукова система Google не повинна слідувати за цим посиланням, в основному використовується для платних посилань).
автор: NagarD -
licence -
автор: NagarD -
tag -
автор: NagarD -
friend -
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Чотири посилання, у кожного своя пара атрибутів. Стилі виводять поруч і rev, і rel, і той самий розібраний список, який переглядач будує лише з rel. Видно, що rev у розмітці є (селектор a[rev] його ловить, тож фарбувати можна), але в зв'язки він не потрапляє — а на четвертому посиланні rev і rel навіть суперечать одне одному, і переглядач бере лише друге.
HTML
<p class="head">Як записували колись і як записують тепер</p>
<ul class="spysok">
<li><a href="#autor" rev="made">Сторінку зробив Іван — rev="made"</a></li>
<li><a href="#autor" rel="author">Сторінку зробив Іван — rel="author"</a></li>
<li><a href="#poperednia" rev="next">Попередній розділ — rev="next"</a></li>
<li><a href="#poperednia" rel="prev">Попередній розділ — rel="prev"</a></li>
<li><a href="#dyvne" rev="next" rel="prev">Обидва одразу — rev="next" rel="prev"</a></li>
<li><a href="#kilka" rel="prev author license">Кілька слів в одному rel</a></li>
</ul>
<p class="note">Жовтим підсвічено те, що переглядач не читає. Він розбирає лише
те, що записано в rel; rev для нього — просто текст в атрибуті, який можна
знайти селектором і не можна перетворити на зв'язок.</p>CSS
.head {
margin: 0 0 10px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.spysok {
max-width: 620px;
margin: 0;
padding: 12px 12px 12px 30px;
border: 1px solid #b9c6d8;
border-radius: 6px;
background: #f6f9ff;
}
.spysok li {
margin-bottom: 10px;
line-height: 1.7;
}
/* Селектор за атрибутом його бачить — на цьому корисність і вичерпується. */
a[rev] {
padding: 2px 5px;
border-radius: 4px;
background: #fff6d8;
outline: 2px solid #e0a800;
}
a[rev]::after {
content: " ← rev=\"" attr(rev) "\", переглядач це ігнорує";
color: #8a6100;
font-size: .8em;
}
a[rel] {
padding: 2px 5px;
border-radius: 4px;
background: #eef3fb;
outline: 2px solid #2f6fd0;
}
a[rel]::before {
content: "";
}
a[rel]:not([rev])::after {
content: " ← rel=\"" attr(rel) "\", це переглядач розбирає";
color: #1b4f9c;
font-size: .8em;
}
a[rev][rel]::after {
content: " ← rev=\"" attr(rev) "\" пропало, лишилось rel=\"" attr(rel) "\"";
color: #c0392b;
font-size: .8em;
}
.note {
max-width: 620px;
margin-top: 16px;
color: #5a6472;
font-size: .9em;
}rev описував зворотний стосунок — від цілі до цієї сторінки (rev="made": ціль створила сторінку). З HTML5 атрибут вилучено, браузери його ігнорують; використовуй rel.
<a rev="made" href="mailto:[email protected]">Написати автору сторінки</a>Різниця між HTML 4.01 та HTML5
Атрибут rev для теґу <a> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!