Вивчайте Розуміння Структури HTML-Документа

HTML-документ виглядає як дерево тегів. Наступний набір тегів представляє мінімально необхідний склад для будь-якого HTML-документа і слугує його основою, подібно до фундаменту будинку.

index.html

Оголошення типу документа

<!DOCTYPE > не вважається тегом, а є обов'язковим оголошенням, що визначає тип і версію документа. Це оголошення необхідне для коректного розпізнавання та відображення HTML-документа браузером. Відповідно до doctype, браузер може правильно відобразити сторінку. Оголошення типу документа повинно бути першим, що зустрічає браузер при роботі з HTML-документом.

index.html

Елементи верхнього рівня

Елементи верхнього рівня призначені для формування базової структури вебсторінки та визначення секцій head і body документа.

html

Кореневим елементом HTML-документа є тег <html>, який слугує контейнером для всього вмісту сторінки. Це перший тег, що з'являється в HTML-документі, і визначає початок та кінець HTML-коду документа. Все, що знаходиться поза тегом <html>, не розпізнається браузером як HTML-код і не обробляється. Атрибут lang використовується для вказівки мови текстового вмісту.

index.html

head

Тег <head> HTML-документа містить метадані веб-сторінки, такі як заголовок сторінки, опис, кодування тощо. Ця інформація не відображається у вікні браузера. Однак вона надає браузеру інструкції щодо обробки та відображення сторінки.

index.html

body

Тег <body> містить увесь видимий вміст веб-сторінки, такий як текст, зображення, посилання та мультимедіа. Це основний розділ, у якому автори сайтів розміщують контент, який користувачі бачать у вікні браузера.

index.html