Тег <html>

Тег <html> є основним кореневим елементом будь-якого HTML-документа. Він визначає початок та кінець документа і об’єднує всі інші елементи веб-сторінки. Весь вміст сторінки, включаючи метаінформацію, заголовок, скрипти, стилі та основний контент, повинен бути вкладений всередину цього тега.

Тег <html> зазвичай містить два основні дочірні елементи: <head>, де розміщуються метаінформація, стилі, скрипти тощо, та <body>, де знаходиться основний контент сторінки. Він є обов’язковим для будь-якої HTML-сторінки і визначає її тип як веб-документ.

Атрибути

Специфічні атрибути

  • lang — атрибут, що вказує мову вмісту документа. Він полегшує роботу пошукових систем і програм для доступності (screen readers). Наприклад:
<html lang="uk">
  • xmlns — атрибут, що визначає XML-простір імен. Зазвичай використовується в XHTML-документах:
<html xmlns="http://www.w3.org/1999/xhtml">

Глобальні атрибути

Тег <html> підтримує глобальні атрибути, такі як id, class, style, але їх використання є рідкісним і зазвичай не рекомендується. Здебільшого ці атрибути застосовуються до дочірніх елементів.

Приклад використання

Найбільш базова структура HTML-документа виглядає наступним чином:

<!DOCTYPE html>
<html lang="uk">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Моя перша HTML-сторінка</title>
  </head>
  <body>
    <h1>Привіт, світ!</h1>
    <p>Це мій перший HTML-документ.</p>
  </body>
</html>

Додаткові моменти

  • Тег <html> завжди є парним і повинен мати закриваючий тег </html>;
  • <!DOCTYPE html> — це оголошення типу документа (doctype), яке розташовується перед тегом <html> і визначає, що документ використовує стандарт HTML5;
  • Рекомендується використовувати атрибут lang для покращення доступності, SEO та міжнародної підтримки;
  • Всередині <html> не можуть бути жодні елементи, крім <head> та <body>.