用html5构建兼容iE6的网页

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 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

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

23、

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

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

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

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> 标签的任何属性
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值