Урок 02 · 11 хв

Текст: заголовки, абзаци, списки

Сторінку читають очима і скринрідером. Порядок заголовків — це зміст.

Більша частина сторінки — текст. Тег каже, що це за текст: головний заголовок, абзац, пункт списку, важливе слово. Якщо все загорнути в div, візуально можна намалювати що завгодно, але змісту й переходу заголовками не буде.

Заголовки — ієрархія, а не розмір шрифту

Можна спитати про це правило«Один h1, далі по порядку»

Абзац і наголос

strong — важливість, em — наголос, зміна інтонації. b та i малюють жирним і курсивом без сенсу: для скринрідера це просто інший шрифт. Бери смислові теги, вигляд поправиш стилями.

Можна спитати про цей пункт«Суть уроку»

Списки

Маркований і нумерований

ul — набір рівноправних пунктів. Порядок можна змінювати.
ol — кроки, рейтинг, інструкція. Порядок важливий.
Пряма дитина списку — лише li. Текст або p одразу в ul — помилка.
Вкладений список клади всередину li, а не поруч із ним.
br між пунктами не потрібен: кожен li уже з нового рядка.

Список усередині пункту

Новий абзац — новий p, а не два br. br залишай для віршів, адреси чи підпису, де перенос — частина тієї самої фрази. Розбір текстових тегів — у MDN · базовий текст.

Документація

MDN · h1–h6 — рівні заголовків
MDN · p — абзац, а не перенос рядка
MDN · ul — маркований список
MDN · strong — важливість проти просто жирного

Можна спитати про цей пункт«Списки»

Перевірка

Закріпи, поки не пішов далі

1. Скільки h1 зазвичай на одній сторінці?
2. Коли доречний br?
3. Що можна класти одразу всередину ul?
4. Чим strong відрізняється від b?