Нововведения в структуре кода HTML5 документа

Изменения в структуре кода HTML5, изменения в синтаксисе структуры HTML5 В языке HTML5 впервые было введено понятие DOM (хотя он существовал и до этого, однако он не был частью языка), теперь HTML-документ рассматривается как набор обектов, а не тегов..

Изменения в структуре кода HTML5

» » Сообщение:

Изменения в структуре кода HTML5
Изменения в структуре кода HTML5

Нововведения в структуре кода HTML5 документа

Структура кода в HTML5 претерпела некоторые изменения, вот некоторые из них:

1. В отличии от предыдущих версий языка, в HTML5 существует лишь один доктайп:

Код: Выделить всё Развернуть
<!DOCTYPE html>

- его например вы можете увидеть в исходниках страниц HTML5 сайта (не забывайте что перед доктайпом ничего не должно быть, ни пробелов, ни переносов строк и т.д.).

2. Для того, чтобы указать язык документа, теперь вместо мета-тегa:

Код: Выделить всё Развернуть
<meta http-equiv="content-language» content="ru" />

нужно использовать атрибут lang="ru" в теге <html>:

Код: Выделить всё Развернуть
<html lang="ru">

3. Для того, чтобы указать кодировку документа, теперь вместо мета-тега:

Код: Выделить всё Развернуть
<meta http-equiv="content-type» content="text/html; charset=utf-8» />

нужно использовать мета-тег

Код: Выделить всё Развернуть
<meta charset="utf-8» />

, без атрибутов http-equiv и content

4. При создании JavaSсript сценария, теперь в тег <script>, внедрять атрибуты type="text/javascript" и language="JavaScript" не нужно.

Код: Выделить всё Развернуть
<script src="script.js"></script>

5. При внедрении CSS стилей, теперь в теги <style> и <link />, внедрять атрибут type="text/css" не нужно.

Код: Выделить всё Развернуть
<link rel="stylesheet» href="style.css» />
<style></style>

6. Ссылка <а> - это строчный тег, поэтому в ранних спецификациях HTML и XHTML, ими не рекомендовалось обрамлять блочные теги, сейчас в спецификации HTML5 данная рекомендация для ссылок была убрана и ими теперь разрешается обрамлять один или несколько блочных элементов.

В HTML4 или XHTML1, валидное обрамление ссылками выглядело так:

Код: Выделить всё Развернуть
<h3><a href="url">Заголовок</a></h3>
<p><a href="url">Абзац</a></p>

Теперь при HTML5, можно делать так:

Код: Выделить всё Развернуть
<a href="url">
<h3>Заголовок</h3>
<p>Абзац</p></a>

Изменения в синтаксической структуре HTML документа

В языке HTML5 впервые было введено понятие DOM (хотя он существовал и до этого, однако он не был частью языка), теперь HTML-документ рассматривается как набор обектов, а не тегов. Поэтому как такого синтаксиса HTML5 не существует. Однако при написании кода вы можете придерживаться правил разметки тегов, которые были установлены в HTML 4.01 или XHTML 1.0

В HTML до пятой версии, существовало несколько правил написания кода:

  1. Свободный режим loose, используемый в HTML 4.01
    Код: Выделить всё Развернуть
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. Cтрогий режим strict, используемый в HTML 4.01
    Код: Выделить всё Развернуть
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. Еще был синтаксис связанный с фреймами. Фреймы в HTML5 считаются устаревшими, но многие разработчики все равно используют их, поскольку фреймы очень удобны при разработке некоторых веб-приложений.

В XHTML, существовало два правила написания кода:

  1. Переходный режим transitional, используемый в XHTML 1.0
    Код: Выделить всё Развернуть
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. Строгий режим strict, используемый в XHTML 1.0
    Код: Выделить всё Развернуть
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

При использовании HTML5, написав в начале HTML-документа, доктайп <!DOCTYPE html>, вы можете использовать любой из перечисленных выше синтаксисов языка (правил написания кода) или даже совмещать HTML 4.01 и XHTML 1.0 друг с другом.
Например не обрамлять кавычками значения атрибутов атрибут=значение (свободный режим HTML 4.01 - loose), но в тоже время ставить слеш в одиночных тегах <br /> (строгий режим ХHTML 1.0 - strict).

© По материалам html-5.ru




Похожие темыКомментарии ПросмотрыПоследнее сообщение
0608HTML5 Атрибуты. Новые и старые атри...
Сообщение от: Admin
02959Дженнифер Нидерст Роббинс. HTML5, C...
Сообщение от: Admin
0642Modernizr - бархатный путь в HTML5....
Сообщение от: Admin
03545К.Сухов. HTML5 - Путеводитель по те...
Сообщение от: Admin
11229Re: Избегаем популярных ошибок в HT...
Сообщение от: Admin