Какая структура у HTML-документа

Любой HTML-документ имеет структуру. Любой сайт следует строить, используя базовые элементы этой структуры. Это основа и все элементы стоит выучить наизусть. Это как выучить таблицу умножения или алфавит. Базовая структура выглядит следующим образом:

Сведём в таблицу базовые теги структуры и их описание.

Тег Описание тега (-ов)
<!Doctype> Объявление типа документа.
Подробнее
<body>…</body> Тело документа содержащее контент.
Подробнее
<head>…</head> Заголовок документа, в нём находится системная информация о документе.
Подробнее
<html>…</html> Обязательный тег в котором содержатся все остальные.
Подробнее
<meta> Задаёт системные данные документа.
Подробнее
<title>…</title> В такие теги заключают название страницы.
Подробнее

<!Doctype> — Так объявляется тип документа.
В настоящее время используются два типа документа, HTML 4.01 и HTML5. Тип HTML 4.01 должен принимать один из трёх форматов, Strict, Transitional или Frameset. Тип HTML5 не имеет форматов.


В элемент body заключается контент страницы. Текст, изображения, аудио, видео, формы, таблицы, всё это находится в элементе body.



В элемент html заключается системная информация о документе и контент.


В элемент meta заключаются мета данные, например кодировка страницы.

Это означает что документ будет представлен в кодировке utf-8 (это кодировка в которой используются символы юникода).


В обязательный элемент title заключается заголовок страницы, любая страница обязана иметь название.

Поделиться