一般标签外都会有内容，例如 <button>click</button> 这时候需要后标签，如果标签外没有内容（这种情况很少），则不需要后标签，例如 <br/> <col />
序号 标签 重要程度
- <!-- --> *** eg. <!-- This is a comment -->
- <!doctype html> ***
- <a> *** href,target 超链接 eg. <a href=www.asdf.com target="_blank">asdf</a>
- <abbr> * title 省略显示 eg. <abbr title="The republic of china">PRC</abbr>
- <address> ** 是 eg. <address>Kevin</address>
- <area> ** alt,coords,href,shape,target 永远嵌套在map标签中 eg. <area shape="rect" coords="0,0,300,260" href="sun.html" alt="Sun"/> (不需要后标签)
- <article> ** eg. <article><p>haha, this is an article.</p></article>
- <aside> * 可做文章的侧栏 eg. <aside>This is an aside</aside>
- <audio> ** autoplay,controls,loop,preload,src eg. <audio src="a.wav">Your browser does not support</audio>
- <b> ** eg. <b>asdf</b>
- <base> ** href,target 为所有的链接规定默认地址,只能放在head中,例如:你的服务器有很多图片，指定了base之后，就不用所有的图片的路径都指定的很明确，只要根据base指定相对路径就可以了 ，eg. 绝对地址：<img src="http://www.w3school.com.cn/i/pic.gif" /> base指定：
<base href="http://www.w3school.com.cn/i/" />相对地址：<img src="pic.gif" /> - <bdi> * dir ，标签允许您设置一段文本，使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用，有用 ( 有问题 )
- <bdo> * dir eg. <bdo dir="rtl">Here is some text</bdo>
- <blockquote> * cite 引用 URL类型，即引用网站的位置,(貌似cite没什么作用) 标签定义摘自另一个源的块引用 <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。 eg. <blockquote>会独立出来</blockquote>
- <body> **
- <br /> ** 换行 (不需要后标签)
- <button> **** disabled,form,name,type,value ( 很多属性 ) eg. <button type="button">click</button>
- <canvas> **** width, height 定义图形，eg. <canvas id="mycanvas" width="200" height="200"></canvas>
- <caption> ** 放在table中 表格标题 <caption>月统计</caption>
- <col> ** span， 可以向整个列应用样式，只能在 table 或 colgroup 元素内使用 eg. <col spn="2" style="background-color:red" /> 注意：这个标签中的span(如果有2个col标签定义span,则下一个span是在上一个基础上,例如上一个span=1,下一个也span=1,则下一个实际上指代的是第2列 （不需要后标签）
- <colgroup> ** span , 只能在table中，标签用于对表格中的列进行组合，以便对其进行格式化 eg. <colgroup span="2" style="background-color:blue"/>（不需要后标签）col 和 colgroup 很像，区别 . <colgroup span="2" style="background: red"/>
<col span="1" style="background: yellow" />
<col span="2" style="background: blue" /> 如上 col 可以覆盖 colgroup的式样， 如果你想将第2列设置某些值，则必须要将前边的列设置一下，然后最后那个列单独设置就可以了, 所以应该先设定单项，单项无法被覆盖，最后在设置整体，例如 <col span="1" style="background:blue" />
<colgroup span="2" style="background:red" /> - <dd> * dl,dd,dt一起使用，列表 , eg. <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
- <del> * 删除线 eg. <del>haha</del>
- <div> **** , 分隔， 组合块级元素,统一式样表使用 eg. <div style="color:#00FF00">this is a partition </div>
- <dl> ** 同 <dd>
- <dt> ** 同 <dd>
- <fieldset> ** disabled,form,name 标签用于从逻辑上将表单中的元素组合起来,标签会在相关表单元素周围绘制边框 eg. <fieldset><legend>Personalia:</legend>Name: <input type="text"/><br/> </fieldset>
- <figcaption> * figure标题,其中的 figure 是定义独立的 流 内容，包括照片等等。 eg. <figcaption>长江大桥 </figcaption>
- <figure> ** 独立的流内容 eg. <figure></figure>
- <footer> * 页脚 eg. <footer>This document was written in 2010</footer> ( 分区时有用）
- <form> *** action,autocomlete,method,name,target ，标签标签用于创建供用户输入的 HTML 表单， form 元素包含一个或多个表单元素，比如 button, input, keygen, object, output, select, textarea eg. <form action="form_action.asp"> </form>
- <h1>-<h6> *
- <head> * <base><link><meta><script><style><title>可以用在head中
- <header> * 文档的页眉 eg. <header>This is a header</header>
- <hgroup> * 标签用于对网页或区段（section）的标题进行组合 eg. <hgroup><h1>h1</h1><h2>h2</h2></hgroup>
- <hr> * 水平线 eg. <hr /> （不需要后标签）
- <html> * manifest,xmlns
- <i> * 斜体 eg. <i>asdf</i>
- <iframe> ** src 网页中的网页 ( 网页中有个小窗口 ) <iframe src="/index.html"></iframe>
- <img> *** alt,src,height,width,ismap,usemap ,定义页面中的图像，请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。 eg. <img src="1.jpg" alt="haha"/> alt,src这两个属性是必须的。（不需要后标签）
- <input> *** 标签规定用户可输入数据的输入字段， 根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。（很多属性）eg. <input type="text"/> （不需要后标签）
- <ins> * cite,datetime ,下划线 eg. <ins>eee</ins>
- <label> ** for,form,标签为 input 元素定义标签（label) label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击 label 元素内的文本，则会切换到控件本身。<label> 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。 eg. <label for="male">Male</label><input type="radio" name="sex" id="male"/>
- <lgend> ** fieldset,figure, details 的标题 <lgend>标题</lgend>
- <li> ** 标签定义列表项，有序列表和无序列表中都使用 <li> 标签 eg. <li>asdf</li>
- <link> *** rel,href,type 基本上是用来连接式样表CSS eg. <link rel="stylesheet" href="style.css" type="text/css"/>（不需要后标签）
- <map> ** name,id 标签用于定义客户端图像映射。图像映射指的是带有可点击区域的图像, name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap 属性相关联，以创建图像与映射之间的关系。map 元素包含若干 area 元素，定义图像映射中的可点击区域.
- <mark> * 是 带有记号的文本,背景变黄色
- <menu> ** label,type,autosubmit 定义菜单列表,<li>可以被使用用来显示列表 eg. <menu<li><input type="checkbox" />Red</li></menu>
- <meta> * <meta charset="ISO-8859-1"> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词, 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对, eg. <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />, <meta name="description" content="免费的 web 技术教程。" /> .
- <meter> * 定义一个度(条),给出图形显示,与进度条差不多, eg. <meter min="0" max="10" low="4" high="7" value="9"></meter>
- <nav> *** 是 导航类似网页上边那些,比如homepage等等，eg. <nav><a href="index.asp">Home</a></nav>
- <noscript> * noscript 元素用来定义在脚本未被执行时的替代内容（文本),此标签用于可识别 <script> 标签但无法支持其中脚本的浏览器 ,如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本, eg.
<noscript>Your browser does not support JavaScript!</noscript> <ol> ** start 标签定义有序列表 前边会有序号 eg. <ol><li>Coffee</li></ol>- <object> * 引用外部内容，包括视频等等，但是HTML5以后有专门的对应，canvas可引入图形, audio可引入视频等等。 eg.<objecttype="video/ogg"data="movie.ogv"><param name="src" value="movie.ogv"></object>
- <optgroup> * laebl,disabled 定义选项组,只能与select合用 ,标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。下拉列表中的内容 eg. <select><optgroup label="Swedish Cars"><option value ="volvo">Volvo</option></optgroup></select>
- <option> ** disabled,label,selected,value 只能与select合用 ,标签定义下拉列表中的一个选项 也用于新元素 <datalist> 中 eg. 如上
- <output> * for,form,name 标签定义不同类型的输出，比如脚本的输出 , eg. ?
- <p> ** 标签定义段落 eg. <p>This is a ..</p>
- <param> * name,value 可为<object>标签提供参数
- <pre> * 是 预格式化 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。格式会保存下来, eg. <pre>#include <stdio.h> int main(void){}</pre>
- <progress> ** max,value ,标签定义运行中的进度, 可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度 eg. <process>10</process>%
- <q> * cite 标签定义一个短的引用 , 浏览器经常会在这种引用的周围插入引号。eg. <q cite="http://www.wwf.org">build a future where people live in harmony with nature</q>
- <rp><ruby><rt> * 是 汉字注音相关
- <script> ** type,src,async,defer eg. <script type="text/javascript"></script>
- <section> * 文档中的节
- <select> *** 下拉列表 eg. <select><optgroup label="Swedish Cars"></select>
- <source> ** media,src,type 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源 对应 html4的 <param> 。
- <span> * 标签用于对文档中的行内元素进行组合，eg. <p>This is a paragraph <span style="color:#00ff00;">This is a paragraph</span>This is a paragraph</p>
- <style> * 式样表CSS,一般都使用外部文件 eg.
<style type="text/css">h1 {color:red}p {color:blue}</style> - <sub><sup> * 下标,上标 eg. 2<sub>2</sub> 3<sup>3</sup>
- <table> *** border 标签定义 HTML 表格。 一个简单的 HTML 表格包括 table 元素，一个或多个 tr、th 以及 td 元素 ,tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元,更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素 eg. <table border="1"> </table>
- <td><tr><th> ** 在table中使用，eg. 如上
- <textarea> * cols,disabled,form,inputmode,name,readonly,required,rows 定义一个文本区域 (text-area) （一个多行的文本输入区域）。用户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。eg. <textarea rows="3" cols="30">这里是文本域中的文本 ... ... ... ...</textarea>
- <title> * 在 head 中，标题， eg. <title>html5 test</title>
- <ul> ** 标签定义无序列表 , eg. <ul><li>coffee</li></ul>
- <video> ** autoplay,controls,height,loop,src,width 标签定义视频，比如电影片段或其他视频流。 eg.
<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video> <wbr> * 当宽度够时,不换行,宽度不够时,主动在该地方换行,而不是在本行末位置换行 规定在文本中的何处适合添加换行符, 如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr>, eg. <p>如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。</p>