预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共29页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

揭秘HTML5和CSS3 网站标准的简单历史 WHATWG? WebHypertextApplicationTechnologyWorkingGroup W3C WordWideWebConsortium HTML发展历史 1998 2000 2002 2004 2007 HTML4.0 XHTML1 XHTML2 WHATG HTML5 支持HTML5的浏览器 Opera9.5+ Cross-documentmessaging Server-sentevents WebForms2.0 Canvasandvideo Safari3.1+ <video>and<audio>tags OfflinedatastorageAPI Webkit(Iphone/Chrome/Android/Nokias60/Palm'sWebOS) FireFox3.1+ offlinestorageandcanvas Geolocation/WebWorkers/ContentEditable Gecko(moreHTML5APIS) InternetExplorer8.0+ embedelementandcontentEditableattribute cross-documentmessaging HTML5技术概览 HTML5新增和移除的元素 HTML5基本布局 HTML5对表单的支持 HTML5DOM变化 HTML5的JavascriptAPIs Canvas Video/Audio Drag&Drop Geolocation ApplicationCache DatabaseStorage X-DocumentMessaging 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基本布局 <!DOCTYPEhtml> <htmlang="en"> <head> <metacharset="utf-8"> <title>HTML5Demo</title> <body> <header><h1></h1><h2></h2></header> <nav><ul><li></li><li></li></ul></nav> <section> <article></article> <article></article> </section> <aside></aside> <footer></footer> </body> </html> HTML5对表单的支持 新的控件类型 <inputtype="url|email|date|tel|search|datetime|date|month|week|datetime-local|number|range|color">,<selectdata="http://domain/getoptions"></select> 文件上传控件 <inputtype="file"accept="image/png"/> 重复的模型 add,remove,move-up,