揭秘HTML5和CSS3教学幻灯片.ppt
* 揭秘HTML5和CSS3 鲁超伍|Adam / / /adamlu 网站标准的简单历史 WHATWG? Web Hypertext Application Technology Working Group W3C Word Wide Web Consortium -Present 网站标准的简单历史 HTML5 Content CSS3 Presentation -Present HTML5 HTML5 DEMO HTML发展历史 1998 2000 2002 HTML4.0 XHTML1 XHTML2 WHATG HTML5 支持HTML5的浏览器 Opera 9.5+ Cross-document messaging Server-sent events Web Forms 2.0 Canvas and video Safari 3.1+ and tags Offline data storage API Webkit(Iphone/Chrome/Android/Nokia s60/Palm's 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 Drag&Drop 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基本布局 HTML4 HTML5 HTML5 Demo
HTML5对表单的