Який тег вказує браузеру що це html документ? Це декларація <!DOCTYPE html>, яка стоїть на самому початку файлу та повідомляє браузеру, що сторінка має інтерпретуватися як HTML5-документ.
Що робить <!DOCTYPE html>
<!DOCTYPE html> не є звичайним HTML-тегом для виведення контенту. Це службова декларація, яка допомагає браузеру вибрати правильний режим обробки сторінки.
Якщо її немає, деякі браузери можуть увімкнути сумісний режим, через який верстка поводиться не так, як очікується. Саме тому декларацію doctype завжди ставлять першою в HTML-файлі.
Чому це важливо для сторінки
Тег doctype важливий, бо він впливає на те, як браузер читає CSS, обчислює розміри елементів і обробляє старі або нестандартні правила.
- зменшує ризик непередбачуваної верстки;
- вмикає стандартний режим відображення;
- робить сторінку суміснішою з сучасними браузерами;
- допомагає уникнути помилок під час розробки.
Як виглядає правильний початок HTML-файлу
Правильний HTML-документ починається з декларації doctype, а вже потім ідуть елементи html, head і body.
Типова структура виглядає так: <!DOCTYPE html>, далі відкривається тег <html>, у блоці <head> розміщуються метадані, а в <body> — видимий вміст сторінки.
Мінімальний приклад
Мінімальний приклад HTML-документа виглядає просто: <!DOCTYPE html> на першому рядку, потім базова структура сторінки без зайвих елементів.
- <!DOCTYPE html>
- <html lang=”uk”>
- <head>
- <meta charset=”UTF-8″>
- <title>Назва сторінки</title>
- </head>
- <body>
- </body>
- </html>
Часті помилки новачків
Часті помилки новачків пов’язані з тим, що doctype плутають із тегом для відображення контенту або ставлять його не на початку файла.
Також інколи пишуть старі варіанти декларації для попередніх версій HTML, хоча для сучасних сторінок достатньо саме <!DOCTYPE html>. Ще одна помилка — думати, що ця декларація сама по собі створює структуру документа. Насправді вона лише повідомляє браузеру, як саме читати файл.
Короткий висновок
Який тег вказує браузеру що це html документ? Правильна відповідь — <!DOCTYPE html>, і саме його потрібно ставити першим рядком у кожному сучасному HTML-файлі.
