最近在复习前端的基础知识，这里总结一下，这就是HTML5。新功能取消了过时的显示效果标签和
...添加语义标签添加多媒体标签（videovideo，audioaudio）添加更多表单类型添加canvas绘图标签添加标签拖拽、数据存储等一些APIHTML5的优缺点。优点提高可用性，改善用户友好体验；可以为网站带来更多的多媒体元素（视频和音频）；可以很好地替代FLASH和Silverlight；在网站抓取和索引方面对SEO友好；将大量用于移动应用程序和游戏；便携性好。缺点该标准没有得到浏览器的很好支持。由于新标签的引入，浏览器之间会缺乏统一的数据描述格式，导致用户体验不佳。1.哪些标签被删除或重新定义1.1被删除的标签是纯表达元素besefont,big,center,font,s,strike,tt,u对可用性有负面影响的元素frame,frameset,noframescreateconfusingelementsacronym,applet,isindex,dir1.2重新定义标签不变，但重新定义了表达的含义不传达重要意义dd可以与detailsy和figure一起使用来定义文本，也可以使用dialoglines，虽然显示相同的菜单，重新定义用户界面的菜单，但使用small表示与commond或menuitem结合使用的小字体，例如打印注释或法律术语。strong表示重要性而不是强调符号2.新增什么标签shape元素)-有意义的div标签remarkarticle标签定义一个文章header标签定义一个页面或区域的头部nav标签定义导航链接section 标签定义一个areaaisde 标签定义页面内容侧边栏hgroup 标签定义文档中块的相关信息。figure 标签定义了一组媒体内容及其标题。figcaption 标签定义图形元素的标题。footer 标签定义了一个页面或者区域底部的dialog 标记定义了一个类似于微信的对话框（对话框）2.2MultimedialabellabelRemarksvideo 标记定义了一个视频屏幕音频 标记定义音频内容源 标记定义媒体资源画布 标记定义图像嵌入 标记定义外部交互内容或插件，例如flash标记的含义：外观多媒体标签意味着多媒体的发展，支持无插件的媒体文件操作，极大地提升了用户体验。2.3Web应用标签状态标签labellabelnotemeter 实时状态显示：气压，气温。示例：
30%progress 任务进程：安装、加载。示例：list标签tagnotesdatalist 为input标签定义一个下拉列表，配合optiondetails 标签定义一个元素的详细内容，配合summarysummary 标签定义元素可见的标题。当用户单击标题时会显示详细信息。menu标签备注menu 命令列表（目前主流浏览器不支持）menuitem menu命令列表标签（FireFox9.0+才支持）command menu标签定义一个命令按钮（仅IE9支持）)2.4othertagscommenttagtagcommentruby??标签定义comment或注音符号rp告诉那些不支持ruby元素的浏览器如何显示et标签定义到rubyd评论内容textothertagtagcommentmarktagdefinesmarkedtext(yellowSelectedstate）output标签定义了一些输出类型，计算出来的form结果配合oninput事件keygen标签定义了form中生成的key值（加密信息传输）time标签定义了一个日期/时间，目前主流浏览器都支持不支持2.5语义标签兼容性对于不支持HTML5语法的浏览器（如：IE8及以下浏览器），为了使用这些新标签，您需要通过JavaScript创建标签。具体方法如下（以标签为例）：将CSS中的标签样式设置为块级header{display:block;}通过JavaScriptDOM创建标签document.createElement('header');由于新的HTML5中标签较多，使用上述方法创建标签会很麻烦，所以我们可以通过简单的引用html5shiv.js文件来解决这个问题。3.Multimedia3.1Audio3.2video兼容不同格式的音视频抱歉，您的浏览器不支持，请升级。emailnumberaddressslider颜色时间……百度谷歌优酷腾讯查看效果5.自定义属性 HTML5通过“data-属性名”创建自定义属性JavaScript通过dataset对象获取自定义属性注意：获取dataset中的属性名需要改为驼峰式，如user-sextouserSexvardv=document.getElementById('dv')vardt=dv.dataset;varstr=''str=dt.name+','+dt.age+','+dt.userSex;dv.innerText=str;执行以上代码或点此查看打印结果6.读取文件通过FileReader接口读取文件内容。
