html5笔记

1.Html5定义新标签Form表单里面Artical文章articleh1InternetExplorer9/h1pWindowsInternetExplorer9（简称IE9）于2011年3月14日发布...../p/articleAside页面内容之前的pMeandmyfamilyvisitedTheEpcotcenterthissummer./pasideh4EpcotCenter/h4TheEpcotCenterisathemeparkinDisneyWorld,Florida./asideinputtype=number,数字Type=range,滑块Type=date,Type=color,Type=searchAudio音频插件Web存储：localStroage,长期存储没有时间限制sessionStroage,浏览器关闭丢失新的doctype!DOCTYPEhtmlhtml5的标准声明!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//ENhtml4的标准声明CANVAS图形或者说画板Command按钮（浏览器不支持）下拉列表inputlist=cars/datalistid=carsoptionvalue=BMWoptionvalue=Fordoptionvalue=Volvo/datalist定义元素细节（summary）detailssummaryCopyright2011./summarypAllpagesandgraphicsonthiswebsitearethepropertyofW3School./p/detailsEmbed标签嵌入一个动画embedsrc=helloworld.swf/Figure，用着文档的插图如果：显示效果footerheadercontentkeygen生产密钥mark突出显示部分文本：pDonotforgettobuymarkmilk/marktoday./p度量值meterp显示度量值：/pmetervalue=3min=0max=103/10/meterbrmetervalue=0.660%/meterpb注释：/bInternetExplorer不支持meter标签。/pnav定义导航连接navahref=index.aspHome/aahref=html5_meter.aspPrevious/aahref=html5_noscript.aspNext/a/navOutput定义输出formoninput=x.value=parseInt(a.value)+parseInt(b.value)0inputtype=rangeid=avalue=50100+inputtype=numberid=bvalue=50=outputname=xfor=ab/output/formprogressvalue=22max=100/progress进度section文档中的区段h1PRC/h1pThePeople'sRepublicofChinawasbornin1949.../p/sectionTrack播放带有字幕的视频videowidth=320height=240controls=controlssourcesrc=forrest_gump.mp4type=video/mp4/sourcesrc=forrest_gump.oggtype=video/ogg/trackkind=subtitlessrc=subs_chi.srtsrclang=zhlabel=Chinesetrackkind=subtitlessrc=subs_eng.srtsrclang=enlabel=English/videoinputtype=textname=someInputrequired=required必填属性inputtype=text正则表达式name=usernameid=usernameplaceholder=410pattern=[A-Za-z]{4,10}autofocusRequiredCSS31.边框圆角，阴影，边框图片功能等(圆角)border-radius，圆角box-shadow阴影box-shadow:10px10px5px#888888;border-image边框图片div{border:2pxsolid;border-radius:25px;-moz-border-radius:25px;/*OldFirefox*/}2.Div边框图片{border-image:url(border.png)3030round;-moz-border-image:url(border.png)3030round;/*老的Firefox*/-webkit-border-image:url(border.png)3030round;/*Safari和Chrome*/-o-border-image:url(border.png)3030round;/*Opera*/}