Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Teg-head-v-html5-doctype

Тег head в HTML5. Тип документа

Вы уже знаете как выглядит структура документа предыдущих стандартов. В отличие от них структура в HTML5  сильно отличается. В нём появилось 28 элементов и тегов с новой семантикой, которые можно использовать как для создания «статических» веб страниц, так и для «динамических» страниц с элементами управления различных форм, позволяющих полностью отказаться от необходимости валидации форм с помощью JavaScript. В последующих уроках я постараюсь рассказать вам как превратить разметку страницы документа, использующую блочные элементы <div>, в семантически организованную систему с помощью новых тегов, таких как <nav>, <header>, <footer>,<aside>, <article> и др. Но прежде чем знакомится с новыми тегами, давайте зададим тип документа и предварительные сведения о нем.

Как вы помните из уроков по HTML структура документа начинается с доктайпа страницы или типа документа. В HTML5 тип документа привели к очень простому виду, который даже легко запомнить:

<!doctype html>

И всё! Больше от вас ничего не требуется. Заметьте, что здесь не указывается никаких URL и номеров версии. Но это вовсе не означает, что новый стандарт является окончательным. Просто последующие версии, скорее всего, будут использовать такой же тип документа. Далее укажем с вами кодировку для нашего документа, обычно это utf-8:

<!doctype html>
<meta charset=utf-8>

Нравится?! Ещё бы! Теперь не нужно указывать вот такой код, как это было в XHTML:

<mеtа http-equiv="Content Type" content="text/html;charset=UTF-8" />

Хотя старый вариант задания кодировки допустим в HTML5. Также допустимы такие варианты, указывающие кодировку документа:

<МЕТА CHARSET=UTF-8>
<МЕТА CHARSET=UTF-8 />
<МЕТА CHARSET="UTF-8">
<МЕТА CHARSET="UTF-8" />
<meta charset=utf-8>
<meta charset=utf-8 />
<meta charset="utf-8">
<meta charset="utf-8" />
<МеТа CHARset=utF-8>

Вот она свобода синтаксиса! Но больше всего меня потрясло следующее. Попробуйте проверить сами на валидность вот такой вот код:

<!doctype html>
<meta charset=utf -8>
<title>Свобода синтаксиса!</title>
<p>Этот документ HTML5 пройдет валидацию даже без таких тегов,
 как <hеаd>,<bоdу> и <html></p>

Проверили? Ну как? Дело в том, что браузеры считают что недостающие теги у нас уже есть в документе и автоматически добавляют их в код. Хотя в HTML5 и можно обойтись без <hеаd>,<bоdу> и <html>, но я бы на вашем месте всё равно их добавлял. Так как в теге <html> прописывается язык документа. Его мы запишем вот так:

<html lang="ru">

Как обратиться к внешней таблице стилей CSS вы уже знаете. Давайте немного укоротим эту запись, отбросим атрибут type:

<link rel="stylesheet" href="style/style.css">

В следующих уроках вы познакомитесь с новыми тегами, а также я расскажу как сделать так чтобы эти теги могли распознавать старые браузеры IE.



наверх