Структура HTML-документу

Базова структура HTML-документу:

<!DOCTYPE html>
<html>
    <head>
        <title>Заголовок документу</title>
        <meta charset="utf-8">
    </head>
    <body>
        Тут ми пишемо видимі елементи...
    </body>
</html>

Першим рядком ми вказали тип документу. Це необхідно, щоб браузер розумів, як слід інтерпретувати (тлумачити) поточну веб-сторінку. Існує декілька типів, при потребі ви зможете ознайомитись з ними в документації по HTML.

У прикладі вище (перший рядок) ми вказали, що будемо використовувати HTML 5 — найсвіжішу версію мови HTML. Також ми задали нашому документу заголовок і зазначили, що наш документ буде збережено в кодуванні UTF-8.

Шапка (тег head) містить невізуальні елементи, теги, які дозволяють підключити CSS-стилі, скрипти, задають кодування сторінки тощо. За тегом head одразу слідує тіло документу (тег body), в якому розміщують всі візуальні, видимі елементи, наприклад, заголовки, параграфи, картинки, таблиці тощо.

Last updated