Новшества в структуре кода HTML5 документа
1. В отличии от предыдущих версий языка, в HTML5 существует лишь один доктайп:
<!DOCTYPE html> его например вы можете увидеть в исходниках страниц данного сайта (не забывайте что перед доктайпом ничего не должно быть, ни пробелов, ни переносов строк и т.д.).
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>