《揭秘HTML5和CSS3.ppt

揭秘HTML5和CSS3 网站标准的简单历史 网站标准的简单历史 WHATWG? Web Hypertext Application Technology Working Group W3C Word Wide Web Consortium 网站标准的简单历史 HTML发展历史 支持HTML5的浏览器 Opera 9.5+ Cross-document messaging Server-sent events Web Forms 2.0 Canvas and video Safari 3.1+ video and audio tags Offline data storage API Webkit(Iphone/Chrome/Android/Nokia s60/Palms WebOS) 支持HTML5的浏览器 FireFox 3.1+ offline storage and canvas Geolocation/Web Workers/ContentEditable Gecko(more HTML5 APIS) Internet Explorer 8.0+ embed element and contentEditable attribute cross-document messaging HTML5技术概览 HTML5新增和移除的元素 HTML5基本布局 HTML5对表单的支持 HTML5 DOM变化 HTML5的Javascript APIs Canvas Video/Audio DragDrop Geolocation Application Cache Database Storage X-Document Messaging HTML5新增的元素 多媒体及交互式元素 video, audio... details, menu, command... 结构元素 header, footer, section, article, nav... 块级语义及行内元素 aside, figure, dialog... time, meter, mark, progress... 表单控件 email, url, datetime, number, range, color... HTML5新增的属性 contenteditable, contextmenu, data-*, hidden, item, itemprop, subject, role, aria-*, spellcheck, draggable, irrelevant, template, placeholder, autofocus, required, async, manifest... HTML5新增的事件 onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload... HTML5移除的元素 移除的元素 font, center, strike, big, s, u, acronym, applet, dir... 移除的属性 如link和a元素的rev属性, link元素的target属性, td的scope属性，script元素的language属性, body元素的alink，link，text和vlink属性... HTML5基本布局 HTML5对表单的支持 新的控件类型 input type=url|email|date|tel|search|datetime|date|month|week|datetime-local|number|range|color, select data=http://domain/getoptions/select 文件上传控件 input type=file accept = image/png / 重复的模型 add, remove, move-up, move-down 内建表单验证 input type=email required /, input type=number min=10 max=100 / XML Submission application/x-www-form+xml form action=/register enctype=application/x-www-form+xml method=post p