HTML基础常用标签

标签	描述	备注
<1--...-->	定义注释
<!DOCTYPE>	定义文档类型	放在文档第一行
<a>	定义锚链接	常用属性href
<abbr>	定义缩写	IE6或更早版本不支持改标签
~~<acronym>~~	定义只取首字母的缩写	所有浏览器都实现了，但是HTML5不支持，废弃了
<address>	定义文档或文章的作者/拥有者联系信息	address并非想date一样表示给机器阅读的地址，而是表示“文章（作者）的联系方式”，address明确的只关联到article和body，通常成斜体，元素后添加折行
~~<applet>~~	定义潜入的applet，	浏览器都实现，HTML5废弃，使用object代替
<area>	定义图像映射的内部区域	map子标签，<area> 标签定义图像映射中的区域
<article>	定义独立的字包含内容	map子标签，\元素潜在涞源:论坛帖子、报纸文章、博客条目、用户评论，一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。
<aside>	定义页面内容之外的内容	标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。
<area>	定义声音内容	标签定义声音，比如音乐或其他音频流
<b>	定义粗体内容	之前表示黑体的废弃标签，HTML5救回来表示关键字
<base>	定义页面中所有链接的默认地址或默认目标。	<base> 标签必须位于 head 元素内部。<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
~~<basefont>~~	不赞成使用。定义页面中文本的默认字体、颜色或尺寸。	标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置。	并没有看到w3c说的效果，而且大部分浏览器不支持bdi 指的是 bidi 隔离。<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用
<bdo>	定义文字方向。	bdo 元素可覆盖默认的文本方向。
<big>	用来表示大号文字。	HTML废弃big标签，主流浏览器支持
<blockquote>	定义长的引用。	同样是对文本进行引用，不同时该标签引用的长文本，内容自动缩紧
<body>	定义文档主体。	body中属性以全部废弃
<br>	定义换行。	空标签，没有结束标签
<button>	定义按钮。	HTML5新增了属性：autofocu加载时自动获得焦点，disable禁用，form按钮属于一个或多个表单，formaction提交表单时像属性内定义的url发送数据，与type=“submit”配合使用，formenctype规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用，formmenthod规定用于发送表单数据的 HTTP 方法（get,post）。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。formnovalidate:如果使用该属性，则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。formtarget规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。
<canvas>	定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形。	<canvas> 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
<caption>	定义表格标题。	align属性废弃，只有这一个属性，caption标签必须放到table下面
<center>	定义居中。	HTML5不支持，不赞同使用
<cite>	定义引用。	HTML4标签定义一个引用，HTML5中定义作品标题
<code>	定义计算机代码文本。	表示计算代码文本
<col>	定义表格中一个或多个列的属性值。	原本属性只有span还沿用其他废弃，同归给col定义属性可以映射到表格列中，col标签规定了colgroup元素内的每一列属性，通过col标签可以像整个列应用样式
<colgroup>	定义表格中格式化的列组。	只能在table元素内，caption之后，thead、tbody、tr、tfoot任意之前使用colgroup标签，标签内使用col
<command>	定义命令按钮，比如单选按钮、复选框或按钮。	只有IE9支持，其他都不支持，HTML5新标签
<datalist>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。	HTML5新标签，标签规定了input元素可能选的选项列表，用来为input提供自动完成的特性，用户能看到一下啦列表，里边选项是预先定义好的，将作为用户的输入数据
<dd>	定义定义列表中项目的描述。	在 HTML 4.01 中，<dd> 标签被用来描述一个定义列表中的条目。<dd> 标签被用来对一个描述列表中的项目/名字进行描述。<dd> 标签与 <dl> （定义一个描述列表）和 <dt> （定义项目/名字）一起使用。在标签内，您能放置段落、换行、图片、链接、列表等等。在 HTML5 中，<dd> 标签被用来描述一个描述列表的项目/名字。
<del>	定义被删除文本。	您也可以看看 <ins> 标签如何标记先插入的文本,<del> 和 <ins> 一起使用，描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线,属性cite、datetime
<details>	用于描述文档或文档某个部分的细节。	只有 Chrome 和 Safari 6 支持 <details> 标签，标签规定了用户可见的或者隐藏的需求的补充细节。标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边
<dfn>	定义定义项目。	标签是一个短语标签，用来定义一个定义项目
<dialog>	定义对话框比如提示框。	标签定义一个对话框、确认框或窗口。浏览器显示效果类似模太框，HTML5新标签，IE不支持，其他浏览器高版本支持
~~<dir>~~	定义目录列表。	HTML5不支持，HTML4已经废弃，浏览器支持
<div>	定义文档中的节。	唯一属性align以废弃，默认情况下，浏览器通常会在 <div> 元素前后放置一个换行符。然而，您可以通过使用 CSS 改变这种情况
<dl>	定义列表详情。	在 HTML 4.01 中，<dl> 标签定义一个定义列表,在 HTML5 中，<dl> 标签定义一个描述列表。
<dt>	定义列表详情。	在 HTML 4.01 中<dt> 标签定义一个定义列表的条目。在 HTML5 中，<dt> 标签定义一个描述列表的项目/名字。
<em>	定义强调文本。	标签是一个短语标签，用来呈现为被强调的文本。
<embed>	定义嵌入式内容，比如插件。	标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）属性：height，src，type（MIME），width
<fieldset>	定义围绕表单中元素的边框。	HTML5新属性，disabled，form，name，新属性也不是所有浏览起都支持
<figcaption>	定义<figure> 元素的标题。	IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figcaption > 标签,IE 8 或更早版本的 IE 浏览器不支持 ,HTML5 新标签
<figure>	规定独立的流内容（图像、图表、照片、代码等等）。。	IE 8 或更早版本的 IE 浏览器不支持 ,HTML5 新标签
～～<font>～～	定义字体尺寸颜色等。	已经废弃，浏览器还支持的标签
<footer>	定义 section 或 document 的页脚。	IE 8 或更早版本的 IE 浏览器不支持 ,HTML5新标签
<form>	定义了HTML文档的表单。	HTML5 新增了两个新的属性：autocomplete 和 novalidate，同时不再支持 HTML 4.01 重的accept属性
<frame>	定义框架集的窗口或框架	HTML5 不支持标签。所有主流浏览器都支持标签
<frameset>	定义框架集。	HTML5 不支持标签。所有主流浏览器都支持标签
<h1> to <h6>	<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。	在 HTML 4.01 中的 "align" 属性已被废弃。在 HTML 5 中，元素的 "align" 属性不被支持。请使用 CSS 来排列元素

标签在 HTML 4.01 中的任何属性

标签	描述	备注
<head>	定义关于文档的信息。	元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。以下列出的元素能被用在元素内部
<header>	标签定义文档或者文档的一部分区域的页眉，元素应该作为介绍内容或者导航链接栏的容器。在一个文档中，您可以定义多个 <header> 元素。	IE 8 或更早版本的 IE 浏览器不支持，注释：<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。
<hr>	定义水平线。	在 HTML5 中，<hr> 定义内容中的主题变化，并显示为一条水平线。在 HTML 4.01 中，<hr> 标签仅仅显示为一条水平线
<html>	定义 HTML 文档	HTML5 中，增加了一个新属性：manifest。
<i>	定义斜体字。	<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
<iframe>	定义内联框架。	HTML5 新增了一些新的属性sandbox，seamless，srcdoc，同时去掉了 HTML 4.01 中的一些属性align，frameborder，longdesc，marginheight，marginwidth。
<img>	定义图像。	HTML5 中不支持以下属性：align、border、hspace、longdesc、vspace。在 HTML 4.01 中，以下属性：align、border、hspace、vspace 已废弃。HTML5新属性crossorigin
<input>	定义输入控件	在 HTML 4.01 中, "align" 数据已经不再使用。HTML5 中不支持该属性。可以使用CSS来定义 <input> 元素的对齐方式。在 HTML5中, <input> 添加了几个属性(autocomplete,autofocus,form,formaction,formenctype,formmethod,formnovalidate,formtarget,height,list,max,maxlength,min,multiple,name,pattern,placeholder,required,step,width)，并且添加了对应的值。
<ins>	定义被插入文本	描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线
~~<kbd>~~	定义键盘文本	<kbd]> 标签已废弃，不推荐使用，但是可以通过CSS实现丰富的效果
<keygen>	规定用于表单的密钥对生成器字段。	当提交表单时，私钥存储在本地，公钥发送到服务器
<label>	定义 input 元素的标注	"form" 属性是 HTML5 的新属性。标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<legend>	定义 fieldset 元素的标题。	The <legend> 元素为 <fieldset>元素定义标题。
<li>	定义列表的项目	"type" 属性在 HTML 4.01 已被废弃。HTML5 不支持该属性。"value" 属性在 HTML 4.01 已被废弃。HTML5 不支持该属性
<link>	定义文档与外部资源的关系	一些 HTML 4.01 属性在 HTML5 中不支持。HTML5 新增了 "sizes" 属性。
<map>	定义图像映射	在 HTML5 中, 如果 id 属性在<map> 标签中指定, 则你必须同样指定 name 属性,标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像,中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
<mark>	定义带有记号的文本。请在需要突出显示文本时使用	IE9+ 标黄显示。
~~<menu~~>	不赞成使用。定义菜单列表	HTML 4.01的<menu> 元素已废弃HTML5 中 <menu> 元素已被重新定义。标签定义了一个命令列表或菜单,没有浏览器支持
<meta>	定义关于 HTML 文档的元信息	HTML5 不支持 scheme 属性。在 HTML5 中，有一个新的 charset 属性，它使字符集的定义更加容易：HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8"> HTML5： <meta charset="UTF-8">
<meter>	定义度量衡。仅用于已知最大和最小值的度量。	一些 HTML 4.01 属性在 HTML5 中不支持。HTML5 新增了 "sizes" 属性。
<nav>	定义导航链接的部分	是 HTML5 的新标签。。
<noframes>	定义针对不支持框架的用户的替代内容。HTML5不支持	HTML5 不支持
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<object>	定义内嵌对象	一些 HTML 4.01 属性在 HTML5 中不被支持。 "form" 是 HTML5 定义的新属性。在 HTML5 中，objects 可以在form表单中提交。在 HTML5 中，objects 不再出现在 <head> 元素区域内,<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。
<ol>	定义有序列表。	在 HTML 4.01 中"start" 和 "type" 属性已经废弃，HTML5不支持该属性。"reversed" 属性是 HTML5 中的新属性。在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。
<optgroup>	定义选择列表中相关选项的组合。
<option>	定义选择列表中的选项。	注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。请与 select 元素配合使用此标签，否则这个标签是没有意义的。如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。
<output>	定义不同类型的输出，比如脚本的输出。	nternet Explorer 浏览器不支持 <output> 标签。。
<p>	定义段落。	标签定义段落,元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
<param>	定义对象的参数。	元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数,HTML 4.01 属性： "type" 和 "valuetype"，在 HTML5 中不支持
<pre>	定义预格式文本。	标签的一个常见应用就是用来表示计算机的源代码。
<progress>	定义运行中的进度（进程）。	标签与 JavaScript 一起使用来显示任务的进度。
<q>	定义短的引用。	浏览器经常会在这种引用的周围插入引号。
<rp>	标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。	标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。ruby 注释是中文注音或字符。在东亚使用，显示的是东亚字符的发音。将 <rp> 标签与 <ruby> 和 <rt> 标签一起使用：<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成，还包括可选的 <rp> 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
<rt>	标签定义字符（中文注音或字符）的解释或发音	IE 8 或更早版本的 IE 浏览器不支持 <rt> 标签。
<ruby>	标签定义 ruby 注释（中文注音或字符）。	IE 8 或更早版本的 IE 浏览器不支持 <ruby> 标签。。
<s>	不赞成使用。定义加删除线的文本。	标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本，请使用 <del>标签。在 HTML 4.01 中，<s> 元素已废弃，用来给文本加删除线。HTML5 重定义了 <s> 元素，现在是被用来定义那些不正确的文本。
<samp>	定义计算机代码样本。	标签是一个短语标签，用来定义计算机程序的样本文本。
< script>	定义客户端脚本。	在 HTML 4 中，"type" 属性是必需的，但在 HTML5 中是可选的。"async" 属性是 HTML5 中的新属性。HTML5 中不再支持 HTML 4.01 中的某些属性："xml:space"。。
<section>	标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。	IE 8 或更早版本的 IE 浏览器不支持 <section> 标签。
<select>	定义选择列表（下拉列表	HTML5 增加了一些新的属性(autofocus,form,required)。
<small>	定义小号文本	。
<source>	标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源	标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择
<span>	定义文档中的节。	。
~~<strike>~~	HTML5不支持，不赞成使用。定义加删除线文本。	一些 HTML 4.01 属性在 HTML5 中不支持。HTML5 新增了 "sizes" 属性。
<strong>	定义强调文本	标签是一个短语标签，用来定义计算机程序的样本重要的文本。
< style>	定义文档的样式信息。	"scoped" 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。
<sub>	定义下标文本	标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。
<summary>	标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。	目前，只有 Chrome 和 Safari 6 支持 <summary> 标签
<sup>	定义上标文本。	。
<table>	定义表格。	在 HTML5 中，仅支持 "border" 属性，并且只允许使用值 "1" 或 ""。
<tbody>	定义表格中的主体内容。	在 HTML 5 中，不再支持 HTML 4.01 中 <tbody> 标签的任何属性。
<td>	定义表格重的单元	HTML5不在支持大部分属性，只有rowspan，colspan两个还支持。
<textarea>	定义表格中的单元。	HTML5 增加了一些新的属性。(autofocus,form , maxlength, placedholder,required,wrap)
<tfoot>	定义表格中的表注内容（脚注）。	在 HTML 5 中，不再支持 HTML 4.01 中 <tfoot> 标签的任何属性
<th>	定义表格中的表头单元格	HTML 5 中不再支持 HTML 4.01 中的某些属性。
<thead>	定义表格中的表头内容。	在 HTML 5 中，不再支持 HTML 4.01 中 <thead> 标签的任何属性。
<time>	定义日期或时间，或者两者。	标签定义公历的时间（24小时制）或日期，时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
<title>	定义文档的标题。	注释：一个 HTML 文档中不能有一个以上的 <title> 元素。提示：如果您遗漏了 <title> 标签，文档作为 HTML 是无效的
<tr>	定义表格中的行	在 HTML 5 中，不支持
<track>	标签为诸如 video 元素之类的媒介规定外部文本轨道。	IE 10、Opera 和 Chrome 浏览器支持 <track> 标签。
<tt>	定义打字机文本。	HTML5 不支持 <tt> t标签。请用 CSS 代替。
~~<u>~~	不赞成使用。定义下划线文本。
<ul>	定义无序列表。	在 HTML 4.01 中，"compact" 和 "type" 属性已废弃。HTML5 则不支持着两个属性
<var>	定义文本的变量部分	标签是一个短语标签，用来定义变量
<video>	标签定义视频，比如电影片段或其他视频流。	一些 HTML 4.01 属性在 HTML5 中不支持。HTML5 新增了 "sizes" 属性。
<wbr>	所有主流浏览器都支持 <wbr> 标签，除了 Internet Explorer。