HTML

Стандарти. Семантика. Техніки

Стандарт HTML

Стандарт мови розмітки гіпертексту розробляється спільно комітетом W3C та WHATWG.

Цього було досягнуто завдяки меморандуму взаємопорозуміння W3C та WHATWG.

Специфікація доступна за адресою html.spec.whatwg.org

Типи вмісту

3 типи структурних елементів

Секції Групи Текст

Секції

body
все тіло документа
article
неподільна самостійна частина
section
неподільна несамостійна частина
nav
навігація
aside
частина, що слабко або не зв'язана з рештою вмісту;
наприклад, реклама, цитати з тексту, навігація типу «читайте також»
h1, h2, h3, h4, h5, and h6
заголовки
hgroup
група заголовків із підзаголовками, які оформлюються елементом p
header
вступ і/або навігація
footer
підсумок, додаткова інформація про поточну секцію чи документ
address
контактна інформація для найближчого елемента article чи body

Групування контенту

Групування контенту
Малі структурні групи
p
структурна група — абзац тексту, речення вірша, група елементів форми тощо
ol
впорядкований список
ul
невпорядкований список
menu
невпорядкований список інтерактивних елементів
dl
описовий список — комбінація груп назва–опис, які представлені довільною послідовністю dt-елементів, за якими слідує довільна послідовність dd-елементів
hr
тематичний роздільник на рівні секції
pre
попередньо-відформатований текст — такий, де структура визначається типографікою, а не елементами; де важливі оригінальні пропуски та переходи рядка
blockquote
цитатний блок; може і часто має включати абзаци та іншу розмітку, може бути обрамлений у figure
figure
частина повноцінного вмісту, до якого можна додати підпис за допомогою елемента figcaption; як правило, це ілюстрації, діаграми, куски коду, формули тощо.
а також figcaption, li, dt, dd
li
елемент списку
dt
назва чи визначення, яке описується наступним елементом dd
dd
опис, визначення чи значення того, що представлено елементом dt перед ним
figcaption
опис чи легенда до решти вмісту елемента figure
Групування контенту
Великі структурні групи
main
основна частина сторінки, не більше, ніж одна; не може бути всередині секції
div
все інше, для чого немає більш придатного елемента

Семантика тексту

Семантика тексту
Виділення та наголошення
em
наголошення
i
альтернативний голос
strong
важливість чи терміновість; може бути вкладеним, що збільшує рівень важливості
b
ключові слова — малі частини тексту, які повинні швидко привертати увагу
small
короткі примітки тексту, текст нижчої важливості; не працює, як обернений до em чи strong
u
підкреслення (виділення неточностей, анотації), але не редагування
s
неточності, застаріла інформація, але не редагування
mark
виділення
Семантика тексту
Цитування та поняття
cite
назва статті, книжки чи іншої роботи, яка цитується або просто згадується в тексті
q
цитата, пряма мова, але не слова взяті в лапки
dfn
визначення
abbr
абревіатура
Семантика тексту
Код, програми, спеціалізовані тексти
code
код
var
змінна
samp
приклад виведення програми
kbd
ввід користувача: клавіші, пункти меню
Семантика тексту
Гіперпосилання та інше
a
гіперпосилання на ресурс, заданий атрибутом href, описане вмістом елемента
data
вміст разом з альтернативою, зручною для машинного читання
time
позначення часу разом з машинно-доступним його форматом в атрибуті datetime
span
все інше, для чого не знайшлося кращого елемента
а також sub, br, wbr, bdi, bdo, ruby, rt та rp
sub та sup
текст у нижньому та верхньому регістрі
br
примусовий розрив рядка
wbr
можливість розриву рядка (в довгих словах)
bdi
ізоляція напрямленого тексту
bdo
форматування напрямленого тексту
ruby, rt та rp
рубі-анотації

Інші елементи

Корисні ресурси