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> 标签的任何属性

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

  1. html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器

    原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一 ...

  2. html5 字母索引,jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)

    大多数Web开发人员很可能很熟悉使用锚链接跳转到的页面部分的解决方案.你可以设置一个特定的name属性的锚链接,并使用href值作为哈希符号来跳过页面.这种效果当需要列出很长的数据集时,是非常实用的, ...

  3. 现在的网页该不该兼容IE6/7

    这个文章,想跟大家讨论一个话题,就是咱们现在的网页该不该兼容IE6/7 ? 首先,大家可以访问下来自百度流量研究院的统计  "浏览器市场份额" :http://tongji.bai ...

  4. Dynamic Web TWAIN构建兼容 HTML5

    Dynamic Web TWAIN构建兼容 HTML5 Dynamic Web TWAIN是一款可靠的工具,专为适用于 Windows 和 Mac 的 HTML5 Web 应用程序而设计.它可以方便地 ...

  5. html flash 兼容ie7,网页制作常见的面试题（怎样兼容IE6/IE7/火狐浏览器）

    1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: 因为加上浮动后就会多出一倍的边距,浮动后本来 ...

  6. 自写jQuery插件，实现简单网页遮罩层/弹出层功能，兼容IE6、IE7

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部 ...

  7. 基于jquery多种切换效果的焦点图(兼容ie6)

    随着html5和css3的诞生.各种非常酷.非常炫的网页焦点图在各个前端技术网上满天飞.基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持.这让需兼容ie6到ie8的页面又爱又恨. ...

  8. 兼容ie6css怎么设置,CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    网页布局设计技术迄今为止主要有:table表格布局,DIV+CSS布局以及层布局.目前的网页布局设计领域主流是以DIV+CSS布局为主,table表格布局和层布局为辅.另外我还要告诉你一个秘密,那就是 ...

  9. 【JavaScript】原生态兼容IE6的图片轮播

    <[Bootstrap]图片轮播组件Carousel>(点击打开链接)虽然做得很不错,但是由于只兼容到IE8,所以没有用的.其实原生态兼容IE6的图片轮播并没有想象中的那么难,网上的很多兼 ...

最新文章

  1. ETH网络要爆炸，未来Token的最佳选择注定是BCH
  2. 牛客c语言数组,牛客网学习笔记 - C/C++
  3. 来写一个 Alfred 的 Workflows
  4. GacUI学习（一）
  5. HDU - 1358 Period(KMP的next数组求最小循环节)
  6. 自动图片轮播php源码,js图片自动轮播代码分享(js图片轮播)
  7. 设置python的中文字体显示
  8. 银行软件测试工作量分析和评估方法（转）
  9. 6.深入浅出：差分放大电路——参考《模拟电子技术基础》清华大学华成英主讲
  10. 中兴笔试c语言,中兴c语言笔试题
  11. 关于“Pycharm复制到word文档出现乱码”问题——解决方法
  12. c语言父 app,90后父母最爱的10款实用APP，中老年人必备！
  13. php导入rtf文件获取内容,可以使用PHP在网页中显示RTF文件吗？
  14. oracle双活svc,基于SVC的三种主流双活数据中心架构深入探讨
  15. establish connection
  16. 网络投票的另一面：“刷票”与“防刷” 大PK
  17. 车型数据api 根据车系查询车型数据
  18. leetcode-多边形三角剖分的最低得分
  19. mysql数据库扫描工具_Scuba2019最新免费版|Scuba(数据库扫描工具)官方版下载_v10.0.3_9号软件下载...
  20. python标准库：fractions有理数

热门文章

  1. 如何将谷歌地图高清卫星影像坐标系转换成西安80坐标(WGS84)
  2. 阿里研究员：线下环境为何不稳定？怎么破
  3. 中央处理器（CPU）—— 指令执行过程
  4. iOS微信小程序border边框上下不显示的问题
  5. 在外资银行开户有什么好处？
  6. 《软件架构设计》一书目录
  7. VMware WorkStation安装CentOS镜像
  8. axios 拦截器不生效填坑
  9. 【C++】小猫钓鱼纸牌游戏--C++实现
  10. 旧手机利用 第二弹 ——网络摄像头