Атрибут rev тега <link> — зворотне відношення сторінок
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<link rev="value">Атрибут rev може отримувати 15 значень:
-
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
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | ≤12.1 | 12 | ≤6 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Два однакові теґи <link> із однією й тією самою вбудованою таблицею стилів: у першого написано rel="stylesheet", у другого — rev="stylesheet". Перший абзац зеленіє, другий лишається чорним — це і є вся різниця між робочим атрибутом і вилученим. Нижче — таблиця перекладу типових rev-значень на чинні rel.
HTML
<link rel="stylesheet" href="data:text/css,.robotyaha%7Bcolor%3A%231b5e20%3Bfont-weight%3A700%7D">
<link rev="stylesheet" href="data:text/css,.marnyj%7Bcolor%3A%23c0392b%3Bfont-weight%3A700%7D">
<p class="head">1. Одна й та сама таблиця стилів, різні атрибути</p>
<p class="robotyaha">Цей абзац підключено через rel="stylesheet" — правило спрацювало.</p>
<p class="marnyj">Цей абзац підключено через rev="stylesheet" — правило не спрацювало.</p>
<p class="note">Другий рядок мав би стати червоним і жирним. Він лишився звичайним:
браузер файл навіть не запитав.</p>
<p class="head">2. Як переписати старий rev на чинний rel</p>
<table>
<thead><tr><th>Було</th><th>Стало</th><th>Де писати</th></tr></thead>
<tbody>
<tr><td class="staryj">rev="made"</td><td class="novyj">rel="author"</td><td>на тій самій сторінці</td></tr>
<tr><td class="staryj">rev="next"</td><td class="novyj">rel="prev"</td><td>адреса міняється на попередню</td></tr>
<tr><td class="staryj">rev="prev"</td><td class="novyj">rel="next"</td><td>адреса міняється на наступну</td></tr>
<tr><td class="staryj">rev="stylesheet"</td><td class="novyj">rel="stylesheet"</td><td>там же, просто виправити слово</td></tr>
<tr><td class="staryj">rev="section"</td><td class="novyj">пари немає</td><td>рядок видалити</td></tr>
</tbody>
</table>CSS
.head {
margin: 20px 0 8px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.robotyaha,
.marnyj {
max-width: 620px;
margin: 4px 0;
padding: 6px 10px;
border-radius: 4px;
background: #f6f9ff;
}
.note {
max-width: 620px;
margin-top: 8px;
color: #5a6472;
font-size: .9em;
}
table {
width: 100%;
max-width: 620px;
border-collapse: collapse;
}
td,
th {
padding: 5px 10px;
border: 1px solid #b9c6d8;
text-align: left;
}
th {
background: #eef3fb;
}
.staryj {
background: #fff4f4;
color: #c0392b;
font: .9em/1.6 ui-monospace, monospace;
}
.novyj {
background: #f3fbf4;
color: #1b5e20;
font: .9em/1.6 ui-monospace, monospace;
}rev на link — той самий вилучений зворотний стосунок: цей link нічого не робить у сучасному браузері. Потрібні зв'язки виражай через rel.
<link rev="parent" href="section.html">
<p>Сам link невидимий і в HTML5 — мертвий.</p>Різниця між HTML 4.01 та HTML5
Атррибут rev для тегу <link> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!