Атрибут scheme тега <meta> — формат значення content
автор: с3с
Загальний опис
автор: NagarD
- Нотатка
-
На практиці не використовуйте цей атрибут, так як він застарів. Для нього немає ніякої заміни, оскільки реально він не використовувався.
автор: с3с
Синтаксис
<meta scheme="format|URI">Атрибут scheme може отримувати єдине значення:
-
format/URI -
Визначає формат (або вказує на URL який містить інформацію про це) значення атрибута
автор: с3сcontent.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | ≤12.1 | 12 | ≤6 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута scheme теґа <meta>
<!DOCTYPE HTML>
<html>
<head>
<title>META</title>
<meta charset="utf-8">
<meta scheme="Month-Day-Year" name="date" content="2019-04-06" />
<meta scheme="ISBN" name="identifier" content="0-2345-6634-6" >
</head>
</html>Теґи <meta> покладено просто в тіло сторінки, і стилі змушують їх показатися: display: block плюс content: attr(...). Так видно, що саме написано в кожному — і що scheme не додає до content нічого, чого не можна було б написати в самому значенні. Останні два рядки показують сучасний запис: самодостатня дата й мікродані.
HTML
<p class="head">Старий запис: формат винесено в scheme</p>
<meta name="date" content="08-03-2026" scheme="MM-DD-YYYY">
<meta name="identifier" content="0-8016-2431-0" scheme="ISBN">
<p class="head">Сучасний запис: формат у самому значенні</p>
<meta name="date" content="2026-08-03">
<meta name="identifier" content="urn:isbn:0-8016-2431-0">
<p class="head">Структуровані дані замість scheme</p>
<div itemscope itemtype="https://schema.org/Book">
<meta itemprop="datePublished" content="2026-08-03">
<meta itemprop="isbn" content="0-8016-2431-0">
</div>
<p class="note">У справжній сторінці жодного з цих рядків не видно: теґ meta нічого
не малює, і весь head схований. Тут його показ увімкнено примусово.</p>CSS
.head {
margin: 18px 0 6px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
meta {
display: block;
max-width: 560px;
margin: 4px 0;
padding: 5px 8px;
border: 1px solid #b9c6d8;
border-radius: 4px;
background: #f6f9ff;
font: 14px/1.5 ui-monospace, monospace;
color: #1b4f9c;
}
meta[name]::after {
content: "name=" attr(name) " content=" attr(content);
}
meta[itemprop]::after {
content: "itemprop=" attr(itemprop) " content=" attr(content);
}
meta[scheme]::after {
content: "name=" attr(name) " content=" attr(content) " scheme=" attr(scheme);
color: #c0392b;
}
meta[scheme] {
border-color: #d64545;
background: #fff4f4;
}
.note {
max-width: 560px;
margin-top: 18px;
color: #5a6472;
font-size: .9em;
}Різниця між HTML 4.01 та HTML5
Атрибут scheme тегу <meta> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!