Секции Web-страницы. Метатеги

Рассмотрим еще раз html-код нашей страницы, но уже без содержимого тега <body>:

Секции web-страницы

В верхней части кода мы видим html-теги, которые нам еще не известны — это метатеги. Все, что прописано внутри этих тегов, на странице в браузере никак не отображено. Их назначение в хранении информации о параметрах нашей web-странички и разделении ее на две, отличающихся друг от друга, секции, выполняющих различные функции.

Одна из секций — это тело web-страницы, html-код которой размещен внутри тега <body>. Здесь прописано все содержимое страницы, все то, что выводится на экран монитора.

Вторая секция страницы — это голова web-страницы. HTML-код, прописанный внутри парного тега <head>, является головой web-страницы. Даже слово Head переводится с английского как Голова. В секции головы web-страницы размещена информация о параметрах этой страницы, которая не отображена на экране и предназначена только для Web-обозревателя.

Обе эти секции web-страницы, и голова, и тело размещены внутри парного тега <html>, который является самым внешним по уровню вложенности и не имеющий родителя. Только тег <!DOCTYPE> размещается вне тега <html>.

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


Тип web-страницы и метаданные

Теперь разберемся с информацией о параметрах html-страницы, размещенной в секции ее заголовка.

В начале ознакомимся еще с двумя терминами. Параметры html-страницы, не выводимые на экран монитора, а прописанные только для web-обозревателя, называются метаданные. А html-теги, задающие эти метаданные, именуются метатегами.

В первую очередь, в метаданные включено название (заголовок) html-страницы (не путать с заголовком содержимого страницы). Название страницы мы видим в заголовке окна браузера, где отображено содержимое страницы. Размещается внутри парного тега <title> который, в свою очередь, прописываем в секции головы web-страницы.

Метатег <title>

Далее в секции головы web-страницы прописан метатег, определяющий кодировку, в которой html-страница сохранена. Метатег имеет "говорящее" имя.

Метатег


Метатег, показанный в примере выше, задает кодировку страницы UTF-8, в которой мы ее сохраним. Есть и другие, подобные метатеги, но задающие другие кодировки.

К сведению:

UTF-8 — разновидность кодировки Unicode, предназначенной для интернет дизайна. Кодировка Unicode (куда входит и UTF-8) может кодировать все символы всех языков мира. Именно ее чаще всего используют в разработках html-страниц.

Еще хочу обратить ваше внимание на html-тег <meta> в нашем примере. Как видим, он не имеет закрывающего тега, а значит и нет его содержимого. Прописаны только некоторые атрибуты. Это одинарный тег, имеющий только одну, открывающую пару. Действие одинарного тега происходит в том участке html-кода, где он прописан. Он, или задает метаданные, или размещает в определенном месте html-страницы какой-нибудь элемент, не имеющий отношения к контексту страницы. В дальнейшем одинарные теги будут встречаться нам часто.

Остается изучить еще один html-тег, размещенный в самом верху html-кода нашей web-странички. Этот тег даже не входит в содержимое самого основного тега — <html>:

<!DOCTYPE html>

Предназначение метатега <!DOCTYPE> — указывает версию языка HTML, которой написана html-страница, а также разновидность данной версии. Имеются метатеги <!DOCTYPE>, определяющие версию HTML 4.01 (это предшествующая версия языка html), версию HTML 5 и язык XHTML (ответвление HTML, имеющее немного другой синтаксис).