» » Базовая структура документа HTML5. Упрощенный каркас страницы.

Базовая структура документа HTML5. Упрощенный каркас страницы.

754 0
Базовая структура документа HTML5. Упрощенный каркас страницы.

Ниже показан рекомендуемый упрощенный каркас документа на языке HTML5.

<!DOCTYPE html>
<html>

<head>
<meta charset="windows-1251">
<title>Название темы страницы</title>
</head>

<body>
Содержимое страницы - контент.
</body>

</html>


Я говорю «рекомендуемый» потому, что единственным обязательным элементом в HTML является тег title. Я рекомендую, особенно новичкам, четко организовать документы с помощью надлежащей структурной разметки. И если вы верстаете страницы, используя XHTML, все перечисленные ниже элементы, кроме тега meta, обязательно должны присутствовать, чтобы код был верным. Разберём вышеуказанный код страницы.

1. Я не хочу сбивать вас с толку, но первая строка в примере — вовсе не элемент. Это объявление типа документа (также называемое объявление DOCTYPE), определяющее этот файл как документ на языке HTML5. Его добавление сообщает браузерам: документ необходимо интерпретировать в соответствии со спецификацией HTML5.

2. Весь документ заключен в элемент html. Элемент html называется корневым элементом, поскольку он содержит все элементы в документе и не может содержаться ни в каком другом элементе. Он используется как для HTML, так и для XHTML-документов.

3. Содержимое внутри элемента html состоит из головы (раздел заголовка) и тела. Элемент head (раздел заголовка) содержит описательную информацию о документе, такую как заголовок, используемые таблицы стилей, сценарии и прочие метаданные.

4. Элементы meta, расположенные внутри элемента head, предоставляют данные о самом документе. Элемент meta можно использовать для предоставления самой разнообразной информации, но в данном случае он определяет кодировку набора символов (стандартизированный набор букв, цифр и символов), применяемую в документе. Я не хочу сейчас слишком углубляться в детали, но имейте в виду, что существует множество веских причин для указания атрибута charset в каждом документе, поэтому я включил его в минимальную структуру документа.

5. Также в разделе заголовка обязателен элемент title. В соответствии со спецификацией HTML, каждый документ должен содержать описательное название.

6. Наконец, элемент body (тело) содержит весь контент, который мы хотим отобразить в окне браузера.

После структурирования не так много изменилось, разве что на вкладке браузера теперь отображается название документа. Оно также будет добавлено в Закладки или Избранное, если кто-нибудь захочет сохранить там эту страницу. Однако контент все еще представляет собой единое целое, поскольку мы не дали браузеру указаний, как его разделить. Об этом на других страницах сайта UseSite.ru.скачать dle 11.1смотреть фильмы бесплатно

Ваш комментарий будет полезен посетителям сайта! Пишите ниже.

Ваш аватар
Вы вошли как Гость   
Кликните на изображение чтобы обновить код, если он неразборчив