Возможно, вы слышали термин «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:
- раздел
- заголовок
- нижний колонтитул
- навигационный
- статья
- в сторону
- фигура
- отметка
- время
- метр
- прогресс
- видео
- аудио
- подробности
- меню
- команда
- холст
- DataList
- встраивать
- figcaption
- HGroup
- кейген
- выход
- Рубин
- источник
- резюме
Заключение:
HTML5 имеет больше невероятных функций для повышения производительности сайта. Причиной возвращения HTML стали люди, стоящие за Apple, Mozilla и Opera, которые на самом деле были обеспокоены тем, что веб-дизайнеры не сфокусировали внимание на HTML. В последующие месяцы 2009 года W3C объявил о будущем развитии HTML и XHTML как HTML5. Затем стало очевидно, что HTML снова займет центральное место и будет играть жизненно важную роль в будущем веб-разработки. Будем надеяться увидеть больше на IE9, Facebook, Twitter
10 основных ресурсов HTML 5:
- Википедия: HTML 5 — базовый обзор из Википедии
- Шпаргалка HTML 5 — отличное краткое руководство по HTML 5 в формате PDF для печати
- HTML 5 Demos — отличный набор демонстраций. Просто посмотрите на источник, чтобы увидеть, как они работают.
- Элементы видео — полезная статья из HTML 5 Doctor об элементе Video
- HTML 5 canvas — отличный подробный учебник о том, как работает элемент HTML 5 Canvas
- Выбор поддерживаемых функций в HTML5 — отличный список от Molly о том, какие функции HTML 5 поддерживаются какими
- HTML 5 — черновик стандарта — вся спецификация, во всех ее страшных технических деталях
- HTML 5 Drag and Drop + микроформаты = целый мир возможностей — пример использования Drag-n-Drop в HTML 5
- HTML 5 Doctor — отличный общий ресурс по HTML 5
- HTML 5 Forms Demo — мощная демонстрация того, как работают формы в HTML 5
0.00 (0%) 0 votes












