Сила HTML5

Возможно, вы слышали термин «HTML5», упомянутый один или два раза, и не знали, о чем говорили люди. Однако вы должны знать, что означает этот термин, так как он будет становиться все более и более важным в ближайшие годы. Стив Джобс даже недавно сказал, что HTML5 заменит Flash в будущем!

Так что же такое HTML5?

HTML5 разрабатывается как следующая крупная версия HTML (HyperText Markup Language), основного языка разметки World Wide Web. HTML5 — это следующий предлагаемый стандарт для HTML 4.01, XHTML 1.0 и DOM Level 2 HTML. Он направлен на снижение потребности в фирменных технологиях многофункциональных интернет-приложений на основе плагинов, таких как Adobe Flash, Microsoft Silverlight и Sun JavaFX.

Основное различие между HTML4 и HTML5:

Диаграмма выше иллюстрирует типичный макет из двух столбцов, размеченный с использованием div с атрибутами id и class. Он содержит заголовок, нижний колонтитул и горизонтальную панель навигации под заголовком. Основное содержание содержит статью и боковую панель справа.

Элементы div можно заменить новыми элементами: header, nav, section, article, aside и footer.

Список новых тегов в HTML5:

1. раздел
2. заголовок
3. нижний колонтитул
4. навигационный
5. статья
6. в сторону
7. фигура
8. отметка
9. время
10. метр
11. прогресс
12. видео
13. аудио
14. подробности
15. меню
16. команда
17. холст
18. DataList
19. встраивать
20. figcaption
21. HGroup
22. кейген
23. выход
24. Рубин
25. источник
26. резюме

Заключение:

HTML5 имеет больше невероятных функций для повышения производительности сайта. Причиной возвращения HTML стали люди, стоящие за Apple, Mozilla и Opera, которые на самом деле были обеспокоены тем, что веб-дизайнеры не сфокусировали внимание на HTML. В последующие месяцы 2009 года W3C объявил о будущем развитии HTML и XHTML как HTML5. Затем стало очевидно, что HTML снова займет центральное место и будет играть жизненно важную роль в будущем веб-разработки. Будем надеяться увидеть больше на IE9, Facebook, Twitter

10 основных ресурсов HTML 5:

1. Википедия: HTML 5 — базовый обзор из Википедии
2. Шпаргалка HTML 5 — отличное краткое руководство по HTML 5 в формате PDF для печати
3. HTML 5 Demos — отличный набор демонстраций. Просто посмотрите на источник, чтобы увидеть, как они работают.
4. Элементы видео — полезная статья из HTML 5 Doctor об элементе Video
5. HTML 5 canvas — отличный подробный учебник о том, как работает элемент HTML 5 Canvas
6. Выбор поддерживаемых функций в HTML5 — отличный список от Molly о том, какие функции HTML 5 поддерживаются какими
7. HTML 5 — черновик стандарта — вся спецификация, во всех ее страшных технических деталях
8. HTML 5 Drag and Drop + микроформаты = целый мир возможностей — пример использования Drag-n-Drop в HTML 5
9. HTML 5 Doctor — отличный общий ресурс по HTML 5
10. HTML 5 Forms Demo — мощная демонстрация того, как работают формы в HTML 5