HTML5 新元素

自 1999 年以后 HTML4.01 已经改变了很多,到今天,在 HTML4.01 中的几个已经被废弃,这些元素在 HTML5 中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5 添加了很多 HTML4 中没有的新元素及功能,比如:图形的绘制、多媒体内容、更好的页面结构、更好的形式处理以及几个 api 拖放元素、定位等,包括网页应用程序缓存、存储、网络工作者等。

HTML5 中新添加的元素有:

标签描述
<canvas>定义图形内容,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
<audio>定义音频内容
<video>定义视频内容
<source>定义多媒体资源,如视频和音频
<embed>定义嵌入的内容,如插件
<track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道
<datalist>定义选项列表,与 <input> 元素配合使用来定义 <input> 可能的值。
<keygen>规定用于表单的密钥对生成器字段
<output>定义不同类型的输出,比如脚本的输出
<article>定义页面独立的内容区域
<aside>定义页面的侧边栏内容
<dbi>允许设置一段文本,使其脱离其父元素的文本方向设置
<command>定义命令按钮,比如单选框、复选框或按钮
<details>用于描述文档或文档某个部分的细节
<dialog>定义对话框,比如提示框
<summary>该标签用于为 <details> 元素设置标题,通常认为该元素应该是 <details> 元素的第一个子元素
<figure>规定独立的流内容(图像、图表、照片、代码等等)
<figcaption>定义 <figure> 元素的标题
<footer>定义 section 或 document 的页脚
<header>定义文档的头部区域
<mark>定义带有记号的文本
<meter>定义度量衡。仅用于已知最大和最小值的度量
<nav>定义导航链接的部分
<progress>定义任何类型的任务的进度
<ruby>定义 ruby 注释(中文注音或字符)
<rt>定义字符(中文注音或字符)的解释或发音
<rp>在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容
<section>定义文档中的节(section、区段)
<time>定义日期或时间
<wbr>规定在文本中的何处适合添加换行符

还有一些在 HTML5 中已经弃用的 HTML4 的元素,如:<applet>、<big>、<dir>、<font>、<tt> 等。建议大家平时在写 html 文件的时候,考虑到兼容性和扩展性,尽量使用 HTML4 和 HTML5 中都有的标签和元素。

本文参考自:HTML5 新元素 | 菜鸟教程


版权声明:本文为jiaomubai原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。