Регистрация
Раздел: Для веб-программиста

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

User 3-02-2016, 15:40 791 Для веб-программиста
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.

Написать сообщение

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

Похожие новости

Добавление сценариев JavaScript на страницу сайта

Как и CSS, вы можете вставить код сценария прямо в документ или сохранить его во внешнем файле и

18.09.17 Для веб-программиста
Добавление стилей CSS

Следует обратить внимание на ключевой компонент кода HTML страницы. В верхней части HTML-документа

18.09.17 Для веб-программиста
Анатомия веб-страницы.

Мы все знакомы с тем, как веб-страницы выглядят в окне браузера, но что происходит «за кадром»? На

01.02.16 Для веб-программиста

 
Powered by UseSite.ru. Все права защищены. Копирование материала строго запрещено.
Закрыть