Погружение в HTML5 Гайдар Магдануров Microsoft

HTML5 – что это?

Говорят «HTML5» подразумевают… HTML5 CSS3 SVG ECMAScript5 JavaScript APIs …

HTML5

Структура документа Упрощенный DOCTYPE Разрешены перекрывающиеся теги Да, так можно, но не нужно! Не обязательны кавычки атрибутов Можно, но … Атрибуты без значений (binary) Наличие присутствия видео

Структура документа

Устаревшие элементы

Устаревшие элементы 2

Отмененные элементы

Отмененные атрибуты shape и coords для тега a longdesc для тегов img и iframe target для тега link nohref для тега area profile для тега head version для тега html name для тега img (рекомендуется id ) scheme для тега meta archive, classid, codebase, codetype, declare и stиby для тега object valuetype и type для тега param align для тегов caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead и tr

Отмененные атрибуты 2 alink, link, text и vlink для тега body background для тега body bgcolor для тега table, tr, td, th и body border для тега table и object cellpadding и cellspacing для тега table char и charoff для тегов col, colgroup, tbody, td, tfoot, th, thead и tr clear для тега br compact для тегов dl, menu, ol и ul frame для тега table frameborder для тега iframe height для тега td и th axis и abbr для тегов td и th scope для тега td

Новая жизнь старых элементов

Новые элементы форм

Новые семантические элементы

Семантические элементы IE9 Testdrive

Новые контентные элементы

Элементы Audio и Video Не требуются плагины Управление JavaScript Простое добавление тегов на страницу Нет DRM Нет простых средств управления загрузкой канала (привет, Silverlight!)

Audio

Video

Поддерживаемые кодеки В стандарте не прописаны Зависит от браузеров H264VP8 (WebM)Ogg Theora IE9+ + (зависит…) - FF - (плагин MSFT) ++ Opera-++ Safari+ - (плагин GOOG) - Chrome +/- (GOOG отказался, плагин MSFT) ++

Audio и Video Channel 9

SVG

Canvas

SVG и Canvas IE9 Testdrive

Инструменты разработки

Visual Studio 2010 Service Pack 1 Visual Studio HTML & SVG Extensions Internet Explorer 9 Developer Tools Modernizer HTML5 Boilerplate ai2Canvas

Инструменты разработки Всего понемногу

Узнать больше… Спецификация HTML 5 Спецификация CSS 3 Спецификация SVG «Шпаргалка» про Canvas sheet.htmlhttp://blog.nihilogic.dk/2009/02/html5-canvas-cheat- sheet.html