HTML5入门与新增标签学习总结

1、html5入门与新增标签学习总结1991年html1.0标准浮现1997年html4.0发布，4.0标准下的扫瞄器局限性flash （平安与稳定堪忧、耗电、触摸、不开放）silverlightjavaapplet2008年html5浮现， w3c2014年10月29日，万维网联盟宣布，经过临近8年的艰苦努力，该标准规范最终制定完成。html5增加了扫瞄器的原生功能，符合html5规范的扫瞄器功能将越发强大，削减了web应用对插件的依靠，让用户体验更好，让开发越发便利，另外w3c从推出html4.0到5.0之间共经受了17年，html的变幻很小，这并不符合一个好产品的演进规章。以下的 html

2、4.01 元素在html5中已经被删除：标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。html5:html4:标签定义 article 以外的内容。aside 的内容应当与 article 的内容相关。html5:aside 的内容是自立的内容，但应与文档内容相关。html4:aside 的内容是自立的内容，但应与文档内容相关。 标签定义声音，比如音乐或其他音频流。 html5:您的扫瞄器不支持 audio 标签。html4: 标签定义图形，比表和其他图像。这个 html 元素是为了客户端矢量图形而设计的。它自己没有行为，但却

3、把一个绘图 api 呈现给客户端 javascript 以使脚本能够把想绘制的东西都绘制到一块画布上。 html5:html4: 标签定义指令按钮，比如单选按钮、复选框或按钮。 html5:html4: none 标签定义可选数据的列表。与 input 元素协作用法，就可以制作出输入值的下拉列表。 html5:html4: see combobox. 标签定义元素的详情，用户可举行查看，或通过点击举行躲藏。与 一起用法，来制作 detail 的标题。该标题对用户是可见的，当在其上点击时可打开或关闭 detail。 html5:html4: 标签定义嵌入的内容，比如插件。 html5:html4

4、: 标签定义 figure 元素的标题。figcaption 元素应当被置于 figure 元素的第一个或最后一个子元素的位置。 html5: prchtml4: none 标签用于对元素举行组合。用法 元素为元素组添加标题。 html5: prcthe people&39;s republic of china was born in 1949html4: prcthe people&39;s republic of china was born in 1949 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系

5、信息。 html5:html4: 标签定义 section 或 document 的页眉。 html5:html4: 标签用于对网页或区段（section）的标题举行组合。 html5:html4: 标签定义生成密钥。 html5:html4: none主要用来在视觉上向用户展现那些需要突出的文字。标签的一个比较典型的应用就是在搜寻结果中向用户高亮显示搜寻关键词。html5:html4: 标签定义度量衡。仅用于已知最大和最小值的度量。必需定义度量的范围，既可以在元素的文本中，也可以在 min/max 属性中定义。 html5:html4: none 标签定义导航链接的部分。 html5:htm

6、l4: 标签定义不同类型的输出，比如脚本的输出。 html5:html4: 标签运行中的进程。可以用法 标签来显示 javascript 中耗费时光的函数的进程。 html5:html4: none 标签在 ruby 注释中用法，以定义不支持 ruby 元素的扫瞄器所显示的内容。 html5: 漢 （）html4: none 标签定义字符（中文注音或字符）的说明或发音。 html5: 漢 html4: none 标签定义 ruby 注释（中文注音或字符）。 html5: 漢 （）html4: none 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 htm

7、l5:html4: 标签为媒介元素（比如 和 ）定义媒介资源。 html5:html4: 标签包含 details 元素的标题，details 元素用于描述有关文档或文档片段的具体信息。summary 元素应当是 details 元素的第一个子元素。 html5: html 5this document teaches you everything you have to learn about html 5.html4: none 标签定义日期或时光，或者两者。 html5:html4: 标签定义视频，比如电影片段或其他视频流。 html5: 您的扫瞄器不支持 video 标签。html4:

8、表示特定范围内的数值，可用于工资、数量、百分比等 max表示最大值，min表示最小值，value代表当前值。可以试试用js控制让它从0变幻到100。time。表示时光值，属性datetime强调时光大会时光：2015-10-6运行效果：由于该标签是一个语义标签，在扫瞄器上查看时没有特殊的效果，基本与没有设置标签的效果相同。用来表示进度条max：最大值，完成时的值value：当前值firefox运行结果：chrome运行结果：该标签定义可选数据的列表。与 input 元素协作用法，就可以制作出输入值的下拉列表。当与input组合时既可以完成挑选有可以输入。在没有用法html5时假如要在页面中播放

9、音频与视频，则可以用法的办法有：a）、embed如一些三方插件，flowplayer602html5多媒体组件指的是video（视频）组件和audio（音频）组件。html5多媒体组件可以在不借助诸如flash player等第三方插件的状况下，挺直在你的网页上嵌入多媒体组件。扫瞄器提供原生支持视频的新能力使得网页开发人员更易于在不依靠于外置插件有效性的状况下，在他们的网站上添加视频组件。因为苹果公司现阶段在iphone和ipad上用法的flash技术的局限性，html5多媒体组件的能力就显得尤为重要了。用于在播放视频，电影标签基本格式如下：运行效果：source是视频源，可以有多种，当一种失

10、败时将挑选下一种，主要有如下3种：ogg=带有 theora 视频编码和 vorbis 音频编码的 ogg 文件mpeg4=带有 h.264 视频编码和 aac 音频编码的 mpeg 4 文件webm=带有 vp8 视频编码和 vorbis 音频编码的 webm 文件格式支持状况：标签属性：source子标签属性：video api办法video api属性video api大事注重：多数的html5标签的innerhtml内容是扫瞄器不支持该标签时显示的内容。大事绑定与监听的区分：运行结果：用法on大事名的形式绑定大事后绑定会笼罩前面绑定的大事，也就是最后一个绑定的大事会生效；用法addeventlistener绑定大事则不会笼罩，可同时在一个元素上绑定多个相同的大事。video api的属性与大事示例：运行结果：练习：练习代码：audio可以实现播放声音，音乐功能。您的扫瞄器不支持audio元素audio标签的属性，无数属性都是与video相同的：autoplay：true|false，假如是 true，则音频在就绪后马上播放。controls：true|false 假如是true，则向用户显示控件，比如播放按钮。end