Html5介绍及新增标签
- 作者: 五速梦信息网
- 时间: 2026年04月04日 13:40
什么是 HTML5？
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 建立的一些规则：
- 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
- 减少对外部插件的需求（比如 Flash）
- 更优秀的错误处理
- 更多取代脚本的标记
- HTML5 应该独立于设备
- 开发进程应对公众透明
新特性
HTML5 中的一些有趣的新特性：
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素，比如 article、footer、header、nav、section
- 新的表单控件，比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
HTML5在HTML4基础上新增了很多新的元素，根据标记内容的类型不同，这些新的元素被分成了如下几种类型：
按功能类别排列
基础
| 标签 | 描述 |
|---|---|
| 定义文档类型。 | |
| 定义 HTML 文档。 | |
| 定义文档的标题。 | |
| 定义文档的主体。 | |
| 定义 HTML 标题。 | |
| 定义段落。 | |
| 定义简单的折行。 | |
| 定义水平线。 | |
| 定义注释。 |
格式
| 标签 | 描述 |
|---|---|
| 定义只取首字母的缩写。 | |
| 定义缩写。 | |
| 定义文档作者或拥有者的联系信息。 | |
| 定义粗体文本。 | |
| 定义文本的文本方向，使其脱离其周围文本的方向设置。 | |
| 定义文字方向。 | |
| 定义大号文本。 | |
| 定义长的引用。 | |
| 不赞成使用。定义居中文本。 | |
| 定义引用(citation)。 | |
| 定义计算机代码文本。 | |
| 定义被删除文本。 | |
| 定义定义项目。 | |
| 定义强调文本。 | |
| 不赞成使用。定义文本的字体、尺寸和颜色 | |
| 定义斜体文本。 | |
| 定义被插入文本。 | |
| 定义键盘文本。 | |
| 定义有记号的文本。 | |
| 定义预定义范围内的度量。 | |
| 定义预格式文本。 | |
| 定义任何类型的任务的进度。 | |
| 定义短的引用。 | |
| 定义若浏览器不支持 ruby 元素显示的内容。 | |
| 定义 ruby 注释的解释。 | |
| 定义 ruby 注释。 | |
| 不赞成使用。定义加删除线的文本。 | |
| 定义计算机代码样本。 | |
| 定义小号文本。 | |
| 不赞成使用。定义加删除线文本。 | |
| 定义语气更为强烈的强调文本。 | |
| 定义上标文本。 | |
| 定义下标文本。 | |
| 定义日期/时间。 | |
| 定义打字机文本。 | |
| 不赞成使用。定义下划线文本。 | |
| 定义文本的变量部分。 | |
| 定义可能的换行符。 |
表单
| 标签 | 描述 |
|---|---|
| 定义供用户输入的 HTML 表单。 | |
| 定义输入控件。 | |
| 定义多行的文本输入控件。 | |
| 定义按钮。 | |
| 定义选择列表（下拉列表）。 | |
| 定义选择列表中相关选项的组合。 | |
| 定义选择列表中的选项。 | |
| 定义 input 元素的标注。 | |
| 定义围绕表单中元素的边框。 | |
| 定义 fieldset 元素的标题。 | |
| <isindex> | 不赞成使用。定义与文档相关的可搜索索引。 |
| 定义下拉列表。 | |
| 定义生成密钥。 | |
| 定义输出的一些类型。 |
框架
| 标签 | 描述 |
|---|---|
| 定义框架集的窗口或框架。 | |
| 定义框架集。 | |
| 定义针对不支持框架的用户的替代内容。 | |
| 定义内联框架。 |
图像
| 标签 | 描述 |
|---|---|
| 定义图像。 | |
| 定义图像映射。 | |
| 定义图像地图内部的区域。 | |
| 定义图形。 | |
| 定义 figure 元素的标题。 | |
| 定义媒介内容的分组，以及它们的标题。 |
音频/视频
| 标签 | 描述 |
|---|---|
| 定义声音内容。 | |
| 定义媒介源。 | |
| 定义用在媒体播放器中的文本轨道。 | |
| 定义视频。 |
链接
| 标签 | 描述 |
|---|---|
| 定义锚。 | |
| 定义文档与外部资源的关系。 | |
| 定义导航链接。 |
列表
| 标签 | 描述 |
|---|---|
| 定义无序列表。 | |
| 定义有序列表。 | |
| 定义列表的项目。 | |
| 不赞成使用。定义目录列表。 | |
| 定义定义列表。 | |
| 定义定义列表中的项目。 | |
| 定义定义列表中项目的描述。 | |
| 定义命令的菜单/列表。 | |
| 定义用户可以从弹出菜单调用的命令/菜单项目。 | |
| 定义命令按钮。 |
表格
| 标签 | 描述 |
|---|---|
| 定义表格 | |
| 定义表格标题。 | |
| 定义表格中的表头单元格。 | |
| 定义表格中的行。 | |
| 定义表格中的单元。 | |
| 定义表格中的表头内容。 | |
| 定义表格中的主体内容。 | |
| 定义表格中的表注内容（脚注）。 | |
| 定义表格中一个或多个列的属性值。 | |
| 定义表格中供格式化的列组。 |
样式/节
| 标签 | 描述 |
|---|---|
| 定义文档的样式信息。 | |
| 定义文档中的节。 | |
| 定义文档中的节。 | |
| 定义 section 或 page 的页眉。 | |
| 定义 section 或 page 的页脚。 | |
| 定义 section。 | |
| 定义文章。 | |
| 定义页面内容之外的内容。 | |
| 定义元素的细节。 | |
| 定义对话框或窗口。 | |
| 为 <details> 元素定义可见的标题。 |
元信息
| 标签 | 描述 |
|---|---|
| 定义关于文档的信息。 | |
| 定义关于 HTML 文档的元信息。 | |
| 定义页面中所有链接的默认地址或默认目标。 | |
| 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
编程
| 标签 | 描述 |
|---|---|
| 定义客户端脚本。 | |
| 定义针对不支持客户端脚本的用户的替代内容。 | |
| 不赞成使用。定义嵌入的 applet。 | |
| 为外部应用程序（非 HTML）定义容器。 | |
| 定义嵌入的对象。 | |
| 定义对象的参数。 |
标签的具体属性及方法参考W3C！
- 上一篇： HTML5实现微信聊天气泡效果
- 下一篇： HTML5教程之本地存储SessionStorage
相关文章
-
HTML5实现微信聊天气泡效果
HTML5实现微信聊天气泡效果
- 互联网
- 2026年04月04日
-
HTML5新特性 websocket(重点)
HTML5新特性 websocket(重点)
- 互联网
- 2026年04月04日
-
HTML5新特性有哪些，你都知道吗
HTML5新特性有哪些，你都知道吗
- 互联网
- 2026年04月04日
-
HTML5教程之本地存储SessionStorage
HTML5教程之本地存储SessionStorage
- 互联网
- 2026年04月04日
-
HTML5将图片转化成字符画
HTML5将图片转化成字符画
- 互联网
- 2026年04月04日
-
HTML5火焰文字特效DEMO演示
HTML5火焰文字特效DEMO演示
- 互联网
- 2026年04月04日
