Несколько дней назад W3C добавил экспериментальную поддержку HTML5 в свой онлайн-сервис проверки разметки . Некоторое время назад на Validator.nu был доступен валидатор HTML5, но добавление валидации HTML5 на собственный сайт W3C является важным катализатором, который, возможно, запоздал.
Существует два основных способа запуска анализатора HTML5 валидатора. Естественно, один из способов сделать это — явно переключить валидатор в режим «HTML5 (экспериментальный)», выбрав этот параметр в меню «DOCTYPE». (Или, если вы используете другие инструменты, которые ссылаются на него, используйте doctype=HTML5 ключ / значение doctype=HTML5 в строке запроса URI.)
Более простой способ — просто указать HTML5 DOCTYPE в верхней части документа и позволить валидатору определить это автоматически. Вот один из самых простых документов HTML5, который успешно пройдет проверку. Обратите внимание на очень короткий DOCTYPE сверху.
<!DOCTYPE html> <html> <head><title>HTML 5 Markup Validation Test</title></head> <body> <p>I'm an HTML 5 document.</p> </body> </html>
Сторонники HTML5 говорят, что спецификация упрощает ненужную сложность и модернизирует язык HTML, чтобы он отвечал потребностям современных веб-сайтов.
С этой целью спецификация HTML5 добавляет такие элементы, как video , которые используются — как вы уже догадались — для непосредственного встраивания видео в веб-страницу. Элемент video ведет себя во многом как элемент img . Как и элементы img элементы video принимают обязательный атрибут src который указывает на видеоресурс (например, файл .mov или .ogg ). В отличие от элементов img элементы video не являются самозакрывающимися (« пустыми ») элементами, поэтому вы можете (и, вероятно, должны) предоставить некоторый альтернативный контент для встроенного видео. (Подумайте <noscript> ). Там также бесплатный audio элемент.
В дополнение к новому встроенному контенту и интерактивности , HTML5 также добавляет множество дополнительных семантических элементов . Среди более незнакомых тегов есть <header> , <section> , <nav> и <aside> , все из которых довольно понятны.
Сегодня такого рода структуры часто реализуются в HTML4.01 как путаница вложенных <div> или списков и в основном полагаются на традиционное использование атрибутов class или id для обеспечения семантического обогащения. Например, тогда как мы могли бы создать заголовок с заголовком в нем, как это в HTML4.01:
<div id="Header"> <h1>I'm a headline in a header!</h1> </div>
В HTML5 мы можем заменить семантически бессмысленный <div> семантически значимым <header> .
<header> <h1>I'm a headline in a header!</h1> </header>
Я рад этому объявлению, потому что поддержка HTML5 W3C Markup Validation Service предоставляет новый инструмент в руки интерфейсных разработчиков. Такого рода вещи должны произойти, чтобы освоить новые технологии. Теперь многие другие разработчики (включая меня) могут легче экспериментировать, чтобы узнать, что изменилось в HTML5 .