Погружение в HTML5 Гайдар Магдануров Microsoft HTML5 – что это? - презентация

1

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

3 HTML5 – что это?

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

5 HTML5

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

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

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

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

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

11 Отмененные атрибуты 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

12 Отмененные атрибуты 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

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

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

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

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

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

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

19 Audio

20 Video

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

22 Audio и Video Channel 9

23 SVG

24 Canvas

25 SVG и Canvas IE9 Testdrive

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

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

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

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

30

31