HTML5中的新元素

自从HTML4.01 1999年发布后，互联网经过了翻天覆地的变化。

今天，很多的HTML4.01都不再使用，或者几乎不再使用，或者不在像原来设计的方式使用。针对这些问题，HTMl5中我们删除并且重新设计了很多元素。

为了更好的帮助大家创建HTML文档，HTML5标准中包含了一些新的元素，能够更好的为开发人员设计文档结构，更好处理，绘画或者显示多媒体内容。精心开发5年的UI前端框架！

新的符合语义及其结构化的元素

HTML5 中支持的标签

1、<address> 标签定义文档作者或拥有者的联系信息。

2、 <article> 标签定义独立的内容。

3、 <aside> 标签定义其所处内容之外的内容。

4、 <audio> 标签定义声音，比如音乐或其他音频流

5、 <bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。

6、 <canvas> 标签定义图形，比如图表和其他图像。标签只是图形容器，您必须使用脚本来绘制图形。

7、 command 元素表示用户能够调用的命令。 <command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。精心开发5年的UI前端框架！

8、 <datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

9、 <details> 标签用于描述文档或文档某个部分的细节。

10、 <embed> 标签定义嵌入的内容，比如插件。

11、 <figcaption> 标签定义 figure 元素的标题（caption）。 "figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

12、 <footer> 标签定义 section 或 document 的页脚。

13、 <header> 标签定义文档的页眉（介绍信息）。

14、 <hgroup> 标签用于对网页或区段（section）的标题进行组合

15、 <keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。

16、 <mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

17、 <meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

18、 <nav> 标签定义导航链接的部分

19、 <output> 标签定义不同类型的输出，比如脚本的输出。

20、 <progress> 标签定义运行中的进度（进程）。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。

21、 <rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。

ruby 注释是中文注音或字符。精心开发5年的UI前端框架！

在东亚使用，显示的是东亚字符的发音。

与 <ruby> 以及 <rt> 标签一同使用：

ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

<rt> 标签定义字符（中文注音或字符）的解释或发音。

22、

ruby 注释是中文注音或字符。

在东亚使用，显示的是东亚字符的发音。

与 <ruby> 以及 <rt> 标签一同使用：

<ruby> 标签定义 ruby 注释（中文注音或字符）。

23、

在东亚使用，显示的是东亚字符的发音。

与 <ruby> 以及 <rt> 标签一同使用：

24、<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分

25、 <source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

26、 <summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。

27、 <time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

28、 <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

29、 <video> 标签定义视频，比如电影片段或其他视频流。精心开发5年的UI前端框架！

HTML5 中不支持的标签

1、<acronym>

2、 applet 元素。请使用 <object> 标签代替它

3、 <basefont> 标签。请用 CSS 代替。

4、 <big> 标签。请用 CSS 代替。

4、 <center> 标签。请使用 CSS 代替

5、 <dir> 标签。请用 CSS 代替

6、 <frame> 标签定义框架集中的子窗口（框架）

7、 <frameset> 标签定义框架集。它用于组织多个窗口（框架）。

8、 <noframes> 标签向浏览器显示无法处理框架的提示文本

9、 <s> 标签。

10、 <strike> 标签。请使用 CSS 代替

11、 <tfoot> 标签的任何属性

12、 <thead> 标签的任何属性

13、 <tt> 标签

14、 <u> 标签定义下划线文本精心开发5年的UI前端框架！

15、不支持 <tbody> 标签的任何属性

用html5构建兼容iE6的网页相关推荐

html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器
原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一 ...
html5 字母索引,jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
大多数Web开发人员很可能很熟悉使用锚链接跳转到的页面部分的解决方案.你可以设置一个特定的name属性的锚链接,并使用href值作为哈希符号来跳过页面.这种效果当需要列出很长的数据集时,是非常实用的, ...
现在的网页该不该兼容IE6/7
这个文章,想跟大家讨论一个话题,就是咱们现在的网页该不该兼容IE6/7 ? 首先,大家可以访问下来自百度流量研究院的统计 "浏览器市场份额" :http://tongji.bai ...
Dynamic Web TWAIN构建兼容 HTML5
Dynamic Web TWAIN构建兼容 HTML5 Dynamic Web TWAIN是一款可靠的工具,专为适用于 Windows 和 Mac 的 HTML5 Web 应用程序而设计.它可以方便地 ...
html flash 兼容ie7,网页制作常见的面试题（怎样兼容IE6/IE7/火狐浏览器）
1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: 因为加上浮动后就会多出一倍的边距,浮动后本来 ...
自写jQuery插件，实现简单网页遮罩层/弹出层功能，兼容IE6、IE7
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部 ...
基于jquery多种切换效果的焦点图(兼容ie6)
随着html5和css3的诞生.各种非常酷.非常炫的网页焦点图在各个前端技术网上满天飞.基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持.这让需兼容ie6到ie8的页面又爱又恨. ...
兼容ie6css怎么设置,CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
网页布局设计技术迄今为止主要有:table表格布局,DIV+CSS布局以及层布局.目前的网页布局设计领域主流是以DIV+CSS布局为主,table表格布局和层布局为辅.另外我还要告诉你一个秘密,那就是 ...
【JavaScript】原生态兼容IE6的图片轮播
<[Bootstrap]图片轮播组件Carousel>(点击打开链接)虽然做得很不错,但是由于只兼容到IE8,所以没有用的.其实原生态兼容IE6的图片轮播并没有想象中的那么难,网上的很多兼 ...

用html5构建兼容iE6的网页

HTML5中的新元素

新的符合语义及其结构化的元素

HTML5 中支持的标签

HTML5 中不支持的标签

用html5构建兼容iE6的网页相关推荐

最新文章

热门文章