HTML标签整理

整理了所有HTML标签及其作用描述，包括HTML5新增标签，用于记忆。浏览器支持情况及其使用效果未全部经过验证。

基础

HTML5新增 标签 描述 浏览器支持情况
<!DOCTYPE> 定义文档类型 所有浏览器
<html> 定义html文档 所有浏览器
<title> 定义文档标题 所有浏览器
<body> 定义文档的主体 所有浏览器
<h1> to <h6> 定义HTML标题 所有浏览器
<p> 定义段落 所有浏览器
<br> 定义简单的折行 所有浏览器
<hr> 定义水平线 所有浏览器
<!--...--> 定义注释 所有浏览器

格式

HTML5新增 标签 描述 浏览器支持情况
<acronym> 定义只取首字母的缩写 所有浏览器
<abbr> 定义缩写 所有浏览器
<address> 定义文档作者或拥有者的联系信息 所有浏览器
<b> 定义粗体文本 所有浏览器
html5 <bdi> 定义文本的文字方向，使其脱离周围文本的文字方向 只有Firefox和Chrome支持
<bdo> 定义文字方向 所有浏览器
<big> 定义大号文本 不明
<blockquote> 定义长的引用 所有浏览器
<center> 不赞成使用。定依据中文本 所有浏览器
<cite> 定义引用 不明
<code> 定义计算机代码文本 不明
<del> 定义被删除文本 所有浏览器
<dfn> 定义项目 不明
<em> 定义强调文本 不明
<font> 不赞成使用。定义文本的字体、尺寸和颜色 所有浏览器
<i> 定义斜体文本 不明
<ins> 定义被插入文本 所有浏览器
<kbd> 定义键盘文本 不明
html5 <mark> 定义有记号的文本 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <mark> 标签
html5 <meter> 定义预定义范围内的度量 Firefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签
<pre> 定义预格式文本 所有浏览器
html5 <progress> 定义任何类型的任务的进度 Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支持 <progress> 标签
<q> 定义短的引用 所有浏览器
html5 <rp> 定义若浏览器不支持ruby元素显示的内容 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <rp> 标签
html5 <rt> 定义ruby注释的解释 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <rt> 标签
html5 <ruby> 定义ruby注释 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <ruby> 标签
<s> 不赞成使用。定义加删除线的文本 所有浏览器
<samp> 定义计算机代码样本 不明
<small> 定义小号文本 不明
<strike> 不赞成使用。定义加删除线的文本 所有浏览器
<strong> 定义语气更为强烈的强调文本 不明
<sup> 定义上标文本 所有浏览器
<sub> 定义下标文本 所有浏览器
html5 <time> 定义日期/时间 <time> 标签不会在任何浏览器中呈现任何特殊效果
<tt> 定义打字机文本 不明
<u> 不赞成使用。定义下划线文本 所有浏览器
<var> 定义文本的变量部分 不明
html5 <wbr> 定义可能的换行 所有浏览器都支持 <wbr> 标签，除了 Internet Explorer

表单

HTML5新增 标签 描述 浏览器支持情况
<form> 定义供用户输入的HTML表单 所有浏览器
<input> 定义输入控件 所有浏览器
<textarea> 定义多行的文本输入控件 所有浏览器
<button> 定义按钮 所有浏览器
<select> 定义选择列表（下拉列表） 所有浏览器
<optgroup> 定义选择列表中相关选项的组合 所有浏览器
<option> 定义选择列表中的选项 所有浏览器
<label> 定义input元素的标注 所有浏览器
<fieldset> 定义围绕表单中元素的边框 所有浏览器
<legend> 定义fieldset元素的标题 所有浏览器
<isindex> 不赞成使用。定义与文档相关的可搜索索引 不明
html5 <datalist> 定义下拉列表 所有主流浏览器都支持 <datalist> 标签，除了 Internet Explorer 和 Safari
html5 <keygen> 定义生成密钥 Firefox, Chrome, Opera 以及 Safari 6 支持 <keygen> 标签
html5 <output> 定义输出的一些类型 Firefox, Chrome, Safari 以及 Opera 支持 <output> 标签

框架

HTML5新增 标签 描述 浏览器支持情况
<frame> 定义框架集的窗口或框架 所有浏览器
<frameset> 定义框架集 所有浏览器
<noframes> 定义针对不支持框架的用户的替代内容 所有浏览器
<iframe> 定义内联框架 所有浏览器

图像

HTML5新增 标签 描述 浏览器支持情况
<img> 定义图像 所有浏览器
<map> 定义图像映射 所有浏览器
<area> 定义图像地图内部的区域 所有浏览器
html5 <canvas> 定义图形 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <canvas> 标签
html5 <figcaption> 定义figure元素的标题 Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figcaption> 标签
html5 <figure> 定义媒介内容的分组，以及他们的标题 Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figure> 标签

音频/视频

HTML5新增 标签 描述 浏览器支持情况
html5 <audio> 定义声音内容 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <audio> 标签
html5 <source> 定义媒介源 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <source> 标签
html5 <track> 定义用在媒体播放器中的文本轨道 Internet Explorer 10, Chrome 以及 Opera 支持 <track> 标签
html5 <video> 定义视频 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签

链接

HTML5新增 标签 描述 浏览器支持情况
<a> 定义锚 所有浏览器
<link> 定义文档与外部资源的关系 在用于样式表时，<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途
html5 <nav> 定义导航链接 Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <nav> 标签

列表

HTML5新增 标签 描述 浏览器支持情况
<ul> 定义无序列表 所有浏览器
<ol> 定义有序列表 所有浏览器
<li> 定义列表项目 所有浏览器
<dir> 不赞成使用。定义列表目录 所有浏览器
<dl> 定义“定义列表” 所有浏览器
<dt> 定义“定义列表”中的项目 所有浏览器
<dd> 定义“定义列表”中的描述 所有浏览器
<menu> 定义命令的菜单/列表 都不支持
<menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目 Firefox 8.0 以及更高的版本支持 <menuitem> 标签
html5 <command> 定义命令按钮 都不支持，除了IE9这一个版本

表格

HTML5新增 标签 描述 浏览器支持情况
<table> 定义表格 所有浏览器
<caption> 定义表格标题 所有浏览器
<th> 定义表格中的表头单元格 所有浏览器
<tr> 定义表格中的行 所有浏览器
<td> 定义表格中的单元 所有浏览器
<thead> 定义表格中的表头内容 所有浏览器
<tbody> 定义表格中的主体内容 所有浏览器
<tfoot> 定义表格中的表注内容（脚注） 仅得到所有主流浏览器的部分支持
<col> 定义表格中一个或多个列的属性值 所有浏览器
<colgroup> 定义表格中供格式化的列组 所有主流浏览器都支持 <colgroup> 标签。Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性

样式/节

HTML5新增 标签 描述 浏览器支持情况
<style> 定义文档的样式信息 所有浏览器
<div> 定义文档中的节 所有浏览器
<span> 定义文档中的节 所有浏览器
html5 <header> 定义section或page的页眉 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <header> 标签
html5 <footer> 定义section或page的页脚 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <header> 标签
html5 <section> 定义section 所有浏览器
html5 <article> 定义文章 Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <article> 标签
html5 <aside> 定义页面内容之外的内容 Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <aside> 标签
html5 <details> 定义元素的细节 目前只有 Chrome 和 Safari 6 支持 <details> 标签
html5 <dialog> 定义对话框或窗口 目前只有 Chrome 和 Safari 6 支持 <dialog> 标签
html5 <summary> 为 <details> 元素定义可见的标题 只有 Chrome 以及 Safari 6 支持 <summary> 标签

元信息

HTML5新增 标签 描述 浏览器支持情况
<head> 定义对于文档的信息 所有浏览器
<meta> 定义关于html文档的信息 所有浏览器
<base> 定义页面中所有链接的默认地址或默认目标 所有浏览器
<basesfont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸 只有 Internet Explorer 支持 <basefont> 标签。应该避免使用该标签

编程

HTML5新增 标签 描述 浏览器支持情况
<script> 定义客户端脚本 所有浏览器
<noscript> 定义针对不支持客户端脚本的用户的替代内容 所有浏览器
<applet> 不赞成使用。定义嵌入的applet 某些浏览器中依然存在对 <applet> 标签的一些支持，但是需要额外的插件和安装过程才能起作用
html5 <embed> 为外部应用程序（非HTML）定义容器 不明
<object> 定义嵌入的对象 几乎所有主流浏览器都拥有部分对 <object> 标签的支持
<param> 定义对象的参数 所有浏览器
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签整理（HTML5.3）
    结合了W3C官方文档和MDN 【5】表示是HTML5新增的标签 根据功能HTML可分组为： 1. The docu...
    mmqhn阅读 4,320评论 0赞 0
  • Html5标签列表
    HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 5,104评论 0赞 10
  • html5新增标签
    HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,521评论 1赞 25
  • HTML标签
    1 HTML标签： 作用所有HTML中标签的一个根节点。 2 head标签： 作用：用于存放：title,meta...
    wrootlflvl阅读 10,117评论 0赞 3
  • HTML标签学习记录
    序言 整理谷歌的小弟的笔记，版权归原作者所有，本文仅作整理，原文链接：http://blog.csdn.net/l...
    在代码下成长阅读 4,873评论 1赞 5