参考链接：HTML参考手册
过时的标签：
全部浏览器均兼容的标签
1.<abbr></abbr>标记一个缩写
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.2.<address></address>
- 定义文档或者文章的作者/拥有者的联系信息
- 如果address元素位于body元素内，则它表示文档联系信息
- 如果address元素位于article元素内，则它表示文章的联系信息
- address元素中的文本通常呈现为斜体，大多数浏览器会在address元素前后添加折行
- 提示：address标签不应该用于描述通讯地址，除非它是联系信息的一部分
- 提示：address元素通常联通其他信息被包含在footer元素中
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>3.<map></map>定义一个客户端图像映射，图像映射(image-map)指带有可点击区域的一幅图像
- 注释：area元素永远嵌套在map元素内部，area元素可定义图像映射中的区域
- 注释：img中的usemap属性可引用map中的id或name属性（取决于浏览器），所以我们应同时向map中添加id和name属性
- 参数：id(必须) unique_name 为map标签定义唯一的名称
- 参数：name(可选) mapname 为image-map规定的名称
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>4.<area coords="" href="" nohref="" shape="" target=""/>定义图像映射中的区域，area元素总是嵌套在map标签中
- alt(必须)： text 定义此区域的替换文本
- coords(可选)： 坐标值 定义可点击区域的坐标
- href(可选)： URL 定义此区域的目标URL
- nohref(可选)： nohref 从图像映射排除某个区域
- shape(可选)：定义区域的形状，default、rect、circ、poly
- target(可选)：规定在何处打开href属性指定的目标URL，_blank/_parent/_self/_top
同3.5.<article></article规定独立的自包含内容，一篇文章应有其自身的意义，应该有可能独立于站点的其余部分进行分发
- article元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论
<article>
<h1>Internet Explorer 9</h1>
<p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>6.<aside></aside>定义其所出内容之外的内容，aside的内容应该与附近的内容相关(IE9+及其他)
- 被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释等
- 在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>7.<base />为页面上的所有链接规定默认地址或默认目标，通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白，使用base标签可以改变这一点，浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL，这里包括a/img/link/form标签中的URL。
<base href="url,规定页面中所有相对链接的基准URL" />标签必须位于head元素内部<base target="可选，_blank/_parent/_self（默认）/_top/framename" />在何处打开页面中的所有链接
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>8.<basefont color="rgb/#xxx/colorname" size="number" face="font_family" />只有IE支持basefont标签，应该避免使用该标签
<head>
<basefont color="red" size="5" />
</head>
<body>
<h1>This is a header</h1>
<p>This is a paragraph</p>
</body>9.<bdi></bdi>指的是bidi隔离，bdi标签允许您设置一段文本，使其脱离其父元素的文本方向设置，在发布用户评论或其他您无法完全控制的内容时，该标签很有用。只有Firefox和Chrome支持bdi标签
- 属性dir:ltr/rtl/auto,可选，默认值auto，规定bdi元素内的文本的文本方向
<ul>
<li>Username <bdi>Bill</bdi>:80 points</li>
<li>Username <bdi>Steve</bdi>: 78 points</li>
</ul>10.<bdo dir="ltr/rtl(right to left)"></bdo>bdo元素可覆盖默认的文本方向
<bdo dir="rtl">Here is some text</bdo>11.<big></big>呈现大号字体效果大号字体效果
- 浏览器显示包含在big标签之间的文字时，其字体比周围的文字要大一号，但是，如果文字已经是最大号字体，这个big标签将不起任何作用
- 可以嵌套big标签来放大文本，每一个big标签都可以使字体大一号，直到上限7号文本，自如字体模型所定义的那样
<big><big><big>1</big>2</big>3</big>123 - 但是使用big标签的时候还是要小心，因为浏览器总是很宽大地去试图理解各种标签，对于那些不支持big标签的浏览器来说，它经常被认为是粗体字标签。
<big><big><big>1</big>2</big>3</big>12.<blockquote></blockquote定义块引用
- blockquote标签之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。即块引用拥有它们自己的空间
- 提示：请使用
<q></q>来标记短的引用
<blockquote>
Here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation.
</blockquote>13.<q></q>定义短的引用，浏览器经常在引用的内容周围添加引号
- q标签用于简短的行内引用，如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用blockquote标签
<q>Here is a short quotation here is a short quotation</q>14.<caption align="不赞成使用，请使用样式取而代之left、right、top、bottom"></caption>
- caption元素定义表格标题，必须紧随table标签之后
- 只能对每个表格定义一个标题，通常这个标题会被居中于表格之上。
<table border="1">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>15.<center></center>对其所包裹的文本进行水平居中
- 提示：请使用CSS样式来居中文本
16.<cite></cite>通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题
- 按照惯例，引用的文本将以斜体显示
- 用
<cite>标签把指向其他文档的引用分离出来，尤其是分离那些传统媒体中的文档，如书籍、杂志、期刊，等等。如果引用的这些文档有联机版本，还应该把引用包括在一个<a>标签中，从而把一个超链接指向该联机版本 <cite>标签还有一个隐藏的功能：它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器，它能够自动整理引用表格，并把它们作为脚注或者独立的文档来显示。<cite>标签的语义已经远远超过了改变它所包含的文本外观的作用；它使浏览器能够以各种实用的方式来向用户表达文档的内容。
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>17.HTML<em> <strong> <dfn> <code> <samp> <kbd> <var> <cite>标签，这些都是短语元素
- 这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义
- 我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果
| em | 把文本定义为强调的内容 |
| strong | 把文本定义为更强的强调的内容 |
| dfn | 定义一个定义项目 |
| code | 定义计算机代码文本 |
| samp | 定义样本文本 |
| kbd | 定义键盘文本 |
| var | 定义变量，可以将此标签与pre和code标签配合使用 |
| cite | 定义引用 |
18.<col />为表格中的一个或多个列定义属性值
- 如需对全部列应用样式，col标签很有用，这样就不需要对各个单元和各行重复应用样式了。
- 只能在table或colgroup元素中使用col标签
- 提示：请为
<col>标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等 - 提示：如果您希望在 colgroup 内部为每个列规定不同的属性值时，请使用此元素。如果没有 col 元素，列会从 colgroup 那里继承所有的属性值
- 注释：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素
<col align="只有IE和opera支持该属性" /><col char="规定与col相关的内容相对某个字符的对齐方式" />（几乎没有浏览器支持char属性）<col charoff="number,规定第一个对其字符的偏移量" />（几乎没有浏览器支持charoff属性）<col span="number, 规定col元素应该横跨的列数" />（所有浏览器都支持span属性）<col valign="定义与col元素相关的内容的垂直对齐方式top/middle/bottom/baseline" />（所有浏览器都支持valign属性，但是目前没有主流浏览器支持baseline值）<col width="规定col元素的宽度，pixels/%/relative_length" />（所有浏览器都支持width属性，目前没有主流浏览器支持relative_length：把可用像素分配到各部分）
<table width="100%" border="1">
<col align="left" />
<col align="left" />
<col align="right" />
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>19.<colgroup></colgroup>所有主流浏览器都支持colgroup标签，Firefox、Chrome、Safari仅支持colgroup元素的span和width属性
同18,col修改为colgroup20.<command></command>表示用户能够调用的命令，没有浏览器支持command标签，仅仅IE9支持
<menu>
<command onclick="alert('Hello World')">
Click Me!</command>
</menu>2017/6/16 10:19 持续更新中…
21.<datalist></datalist>定义选项列表（IE和Safari不支持该标签）
- 与input元素配合使用该元素，定义input可能的值
- datalist及其选项不会被显示出来，它仅仅是合法的输入值列表
- 使用input元素的list属性来绑定datalist
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>22.<del></del>定义文档中已被删除的文本（所有主流浏览器都支持del标签）
- 注释：请与ins标签配合使用，来描述文档中的更新和修正
<del cite="URL,指向另外一个文档的URL，此文档可解释文本被删除的原因"></del>（没有主流浏览器支持cite属性，所以呢(；′⌒`)）<del datetime="YYYYMMDD,定义文本被删除的日期和时间"></del>（没有浏览器以任何方式使用datetime属性，然后呢QAQ）
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>23.<ins></ins>定义已经被插入文档中的文本（所有主流浏览器都支持ins标签，但没有主流浏览器能够正确地显示ins标签的cite或datetime属性）
a dozen is <del>20</del> <ins>12</ins> pieces24.<details></details>用于描述文档或文档某个部分的细节（目前只有Chrome和Safari6支持detail标签，无卵用）
- HTML5中的新标签
- 与summary标签配合使用可以为details定义标题，标题是可见的，用户点击标题时，会显示出details
<details open="open,定义details是否可见"></details>
<details open="open">
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>25.<summary></summary>包含details元素的标题（只有Chrome和Safari6支持summary标签）
同24.26.<dialog open="open,规定dialog元素是活动的，用户可与之交互"></dialog>定义对话框或窗口（目前只有Chrome和Safari 6支持dialog标签）
<table border="1">
<tr>
<th>一月 <dialog open>这是打开的对话窗口</dialog></th>
<th>二月</th>
<th>三月</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>27.<dir></dir>定义目录列表，不赞成使用dir元素，说多了无卵用
<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>28.<embed></embed>定义嵌入的内容，比如插件
<embed height="px,设置嵌入内容的高度"></embed><embed width="px,设置嵌入内容的宽度"></embed><embed src="url,嵌入内容的URL"></embed><embed type="type,定义嵌入内容的MIME类型"></embed>请参阅IANA MIME类型,获得完整的标准MIME类型列表
<embed src="helloworld.swf" type="application/x-shockwave-flash" />29.<fieldset></fieldset>将表单内的相关元素分组，将表单内容的一部分打包，生成一组相关表单的字段
- 当一组表单元素放到fieldset标签内时，浏览器会以特殊方式来显示它们，可能有特殊的边界、3D效果、或者创建一个子表单来处理这些元素
- fieldset标签没有必须或唯一的属性
- legend标签为fieldset元素定义标题
<fieldset disabled="disabled,规定应该禁用一组表单元素"></fieldset>被禁用的fieldset不可用，也不可点击，可以对disabled属性进行设置，使用户在满足某些条件时才能使用输入字段<fieldset form="form_id,规定fieldset所属的一个或多个表单"></fieldset>form属性的值必须是所属表单的id，如需引用一个以上的表单，请使用空格分隔的列表<fieldset name="fieldset的名称"></fieldset>
<form>
<fieldset disabled form="" name="">
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>30.<legend></legend>为fieldset定义标题
<legend align="不赞成使用，为fieldset中的标题定义对其方式"></legend>
同29.31.<figure></figure>规定独立的流内容（图像、图表、照片、代码等）
- IE8及更早的版本不支持figure标签
- figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响
- 提示：请使用figcaption为figure添加标题
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>32.<figcaption></figcaption>定义figure元素的标题，figcaption元素应该被置于figure元素的第一个或最后一个子元素的位置（IE8及更早版本不支持该标签）
同31.33.省略frame和frameset标签。
34.<hr />在HTML页面中创建一条水平线，水平分隔线可以在视觉上将文档分隔成各部分
<hr align noshade size width />均不赞成使用，请使用样式取代它
<h1>This is header 1</h1>
<hr />
<p>This is some text</p>35.省略iframe标签
36.<keygen />规定用于表单的密钥对生成器字段，当提交表单时，密钥存储在本地，公钥发送到服务器（所有主流浏览器都支持keygen标签，除了IE和Safari）
<keygen autofoucus="使Keygen字段在页面加载时获得焦点" /><keygen challenge="challenge,如果使用，则将Keygen的值设置为在提交时询问" /><keygen disabled="disabled,禁用keygen字段" /><keygen form="formname,定义该Keygen字段所属的一个或多个表单" /><keygen keytype="rsa,定义keytype,rsa生成RSA密钥"<keygen name="fieldname,定义Keygen元素的唯一名称"name属性用于在提交表单时搜集字段的值
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>37.<label></label>为input元素定义标注（所有主流浏览器都支持label标签）
- label标签的for属性应当与相关元素的id属性相同
<label form="formid,规定label字段所属的一个或多个表单"></label>- label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>38.<main></main>规定文档的主要内容（所有浏览器都支持main标签，除了IE浏览器，那还说个屁）
<main>元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单- 注释：在一个文档中，不能出现一个以上的
<main>元素。<main>元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>
<main>
<h1>Web Browsers</h1>
<p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome 是由 Google 开发的一款免费的开源 web 浏览器，于 2008 年发布。</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer 由微软开发的一款免费的 web 浏览器，发布于 1995 年。</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox 是一款来自 Mozilla 的免费开源 web 浏览器，发布于 2004 年。</p>
</article>
</main> 39.<mark></mark>定义带有记号的文本，请在需要突出显示文本时使用m标签,m标签是个什么鬼（IE8及更早版本不支持mark标签）
<p>Do not forget to buy <mark>milk</mark> today.</p>40.<menu />定义命令的列表或菜单（所有浏览器都不支持menu标签）
- HTML 4.0.1中已弃用menu元素，在HTML5中重新定义了menu元素
<menu type="popup/toolbar,规定要显示哪种菜单类型" label="text,规定菜单的可见标签" />
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>41.<menuitem></menuitem>定义用户可以从弹出菜单调用的命令、菜单项目（只有Firefox 8以及更高版本支持该标签）
<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>2017/6/19 19：03持续更新中…
42.<meter></meter>定义已知范围或分数值内的标量测量，例如磁盘用量、查询结果的相关性…(Firefox,Chrome,Opera,Safari6支持该标签)
- meter标签不应用于指示进度，如果标记进度条，请使用progress标签
<meter form="form_id,规定meter元素所属的一个或多个表单"></meter>（任何浏览器都不支持form属性）<meter min="" low="" high="" value=""></meter>high属性规定的范围是被视为高值的度量值，high属性必须小于max属性值，且必须大于low和min属性值（兼容性和标签一致）- min:规定范围的最小值，max：规定范围的最大值，low：规定被视作低的值的范围，optimum：规定度量的优化值，value：必须，规定度量的当前值
<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>43.<nav></nav>定义导航链接的部分（IE8及更早版本不支持nav标签）
- 提示：如果文档中有‘前后’按钮，则应该把它放到元素中
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>44.<noframes></noframes>忽略该标签，请自查
45.<noscript></noscript>定义在脚本未被执行时的替代内容（兼容所有浏览器）
- 用于识别script标签但无法支持其中的脚本浏览器
- 注释：如果浏览器支持脚本，那么它不会显示出noscript元素的文本（貌似没什么用了）
<body>
...
...
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>
...
...
</body>45.<object></object>详细信息请转至http://www.w3school.com.cn/tags/tag_object.asp
- 注释：param标签定义用于对象的run-time设置
- 注释：不要对图像使用object标签，请使用img标签代替
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1"
width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>46.<ol></ol>有序列表
<ol compact="compact,HTML5中不支持，HTML 4.0.1中不赞成使用"></ol>规定列表呈现的效果比正常情况更小巧（任何主流浏览器都不支持 compact 属性）<ol reversed="reversed,规定列表顺序为降序"></ol>（目前只有Chrome和Safari 6支持reversed属性）<ol start="number,规定有序列表起始值"></ol>（尽管不赞成使用start属性，不过所有浏览器都支持start属性）<ol type="1,a,A,i,I,规定有序列表的项目符号的类型"></ol>（尽管不赞成使用 type 属性，不过所有浏览器都支持 type 属性）
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>47.<optgroup></optgroup>定义选项组，当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易
<optgroup label="text，为选项组规定描述"></optgroup>
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>48.<option></option>定义一个下拉列表中的一个选项
- 浏览器将option标签中的内容作为select标签的菜单或是滚动列表中的一个元素显示
- option元素位于select元素内部
- 注释：
<option>标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容 - 注释：请与select元素配合使用此标签，否则这个标签是没有意义的
- 提示：如果列表选项很多，可以使用optgroup标签对相关选项进行组合
<option disabled="disabled,规定此选项应在首次加载时被禁用"></option>（Safari 2.0或更早版本不支持该属性，IE8或更新的版本支持该属性）<option label="text,定义当使用optgroup时所使用的标注"></option><option selected="selected,规定选项（在首次显示在列表中时）表现为选中状态"></option><option value="text,定义送往服务器的选项值"></option>规定在表单提交时被发送到服务器的值
<select>
<option value="volvo" disabled>Volvo XC90</option>
<option value="saab" label="saab">Saab 95</option>
<option value="mercedes" selected>Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>2017/06/21 14:48持续更新中…
49.<select></select>可创建单选或多选菜单
- 提示：select元素是一种表单控件，可用于在表单中接受用户输入
<select autofocus="autofocus,规定在页面加载后下拉列表应该自动获得焦点"></select>（IE9及更早版本不支持autofocus属性）<select disabled="disabled,规定禁用该下拉列表"></select><select form="form_id,规定文本区域所属的一个或多个表单"></select>（IE浏览器不支持该属性）<select multiple="multiple,规定可选择多个选项"></select>可以与size属性配合使用，自定义可见选项的数目<select size="number,规定下拉列表中可见选项的数目"></select><select required="required,规定文本区域是必填的"></select>（所有主流浏览器都不支持该属性）
<select autofocus form="" multiple size="2">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>50.<output></output>定义不同类型的输出，比如脚本的输出（IE8及更早的版本不支持该标签）
<output for="element_id,定义输出域相关的一个或多个元素"></output><output form="form_id,定义输入字段所属的一个或多个表单"></output>（所有主流浏览器都不支持form属性）<output name="name,定义对象的唯一名称，表单提交时使用"></output>
<form action="demo_form.asp" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>
<output form="numform" name="x" for="a b"></output> 51.<param name="" value="">允许您为插入XHTML文档的对象规定run-time设置，即此标签可为包含它的object或者applet标签提供参数（大部分主流浏览器都支持，但是object定义的文件格式不是所有的浏览器都支持）
<param name="name,定义参数的名称（用在脚本中）"><param type="MIME_type,HTML5不支持，定义MIME类型参数"><param value="value,描述参数值" ><param valuetype="data,ref,object,html5不支持，描述值的类型" >
<object data="horse.wav">
<param name="autoplay" value="true">
</object>52.<pre></pre>定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体
<pre>标签的一个常见应用就是用来表示计算机的源代码- 可以导致段落断开的标签（例如标题、
<p>和<address>标签）绝不能包含在<pre>所定义的块里,尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的 - pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如
<a>标签）放到<pre>块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可 - 提示：制表符（tab）在 pre 标签定义的块当中可以起到应有的作用，每个制表符占据 8 个字符的位置。但是我们不推荐使用它，因为在不同的浏览器中，Tab 的实现各不相同。在用 pre 标签格式化的文档段中使用空格，可以确保文本正确的水平位置
- 提示：如果您希望使用
<pre>标签来定义计算机源代码，比如 HTML 源代码，请使用符号实体来表示特殊字符，比如 “<” 代表 “<”，”>” 代表 “>”，”&” 代表 “&” - 提示：在 W3School 中，非常多页面中的源代码实例都是通过
<pre>标签定义的，您可以参考这些页面，学习如何使用该标签。我们甚至把<pre>标签与<code>标签结合起来使用，以获得更加精确的语义
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>持续更新中…2017/6/21 15:27
持续更新中…2017/6/21 10:27
52.<progress></progress>标示任务的进度（进程），IE9以及更早版本不支持progress标签
- 提示：请结合progress标签与JavaScript一同使用，来显示任务的进度
- 注释：progress标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果），如需表示度量衡，请使用meter标签代替
<progress max="number,规定任务一共需要多少工作"></progress><progress value="number,规定已经完成多少任务"></progress>
<progress value="22" max="100"></progress> 53.<ruby></ruby>定义ruby注释（中文注音或字符），IE8及更早版本不支持ruby标签
- 在东亚使用，显示的是东亚字符的发音
- 与ruby和rt标签一同使用：ruby元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的rt元素组成，还包括可选的rp元素，定义当浏览器不支持ruby元素时显示的内容
- 提示：支持ruby标签的浏览器不会显示rp标签的内容
- rt:显示标示的注音文字
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>54.<rt></rt>定义字符的解释或发音（同53）
55.<rp></rp>在ruby注释中使用，定义不支持ruby元素的浏览器所显示的内容（同53）
56.<s></s>定义加删除线文本定义
- s标签是strike标签的缩写，但在HTML 4和XHTML中不再赞成使用，意思就是不再使用，早晚有一天会GG
- 请使用del标签替代它
在 HTML 5 中，<s>仍然支持</s>已经不支持这个标签了57.<section></section>定义文档中的节（section、区段），比如章节、页眉、页脚或文档中的其他部分
- IE6+、Firefox9+、Chrome4+、Safari5+、Opera11.1+
<section cite="url,section的url，假如section摘自web的话"></section>- 参考链接：http://lightcss.com/careful-with-section/
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>58.<small></small>呈现小号字体效果
<small>标签和它所对应的<big>标签一样，但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号，那么<small>标签将不起任何作用。- 与
<big>标签类似，<small>标签也可以嵌套，从而连续地把文字缩小。每个<small>标签都把文本的字体变小一号，直到达到下限的一号字。 - 123123123
<small>123</small>123<big>123</big>59.<strike></strike>同56.
60.<sub></sub>定义下标文本
- 包含在sub标签和其结束标签sub中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的
- 提示：无论是sub标签还是和它对应的sup标签，在数学等式、科学符号和化学公式中都非常有效
- This text contains subscript
- This text contains superscript
<p>
This text contains <sub>subscript</sub>
</p>
<p>
This text contains <sup>superscript</sup>
</p>61.<sup></sup>同60
62.<time></time>定义公历的时间（24小时制）或日期，时间和时区偏移是可选的
- 该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果
- 目前所有主流浏览器都不支持time标签
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>持续更新中…2017/6/22 16:31
持续更新中…2017/6/23 10:39
63.<track>为诸如video元素之类的媒介规定外部文本轨道，用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件时可见的
- IE10、Chrome、Opera支持track标签
<track default >如果使用default属性，则规定应该使用该轨道，加入用户没有选择其他轨道的话<track kind="caption/chapters/descriptions/metadata/subtitles" >- caption:该轨道定义将在播放器中显示的简短说明
- chapters:该轨道定义章节，用于导航媒介资源
- descriptions:该轨道定义描述，用于通过音频描述媒介的内容，假如内容不可播放或不可见
- metadata：该轨道定义脚本使用的内容
- subtitles:该轨道定义字幕，用于在视频中显示字幕
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subschi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subseng.srt" srclang="en" label="English">
</video>64.<tt></tt>呈现类似打字机或者等宽的文本效果
<tt>标签与<code>和<kbd>标签一样，<tt>标签和必需的</tt>结束标签告诉浏览器，要把其中包含的文本显示为等宽字体，对于那些已经使用了等宽字体的浏览器来说，这个标签在文本的显示上就没有什么特殊效果了- HTML5 不支持
<tt>标签，请用 CSS 代替 - dir:rtl/ltr规定元素中内容的文本方向
- id:id规定元素中内容的文本方向
- title:text,规定元素的额外信息
<p><tt>Teletype text</tt></p>65.<u></u>可定义下划线文本
- 注释：请尽量避免为文本加下划线-用户会把它混淆为一个超链接
<p>如果文本不是超链接，就不要<u>对其使用下划线</u>。</p>66.<wbr></wbr>word break opportunity规定在文本中的何处适合添加换行符(所有浏览器都支持wbr标签，除了IE浏览器)
- 提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用
<wbr>元素来添加 Word Break Opportunity（单词换行时机） - 参考链接：http://www.monmonkey.com/rumenpian/html/wbr.html
<p>
如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
</p>66666666…
569
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
