html5标签
<!DOCTYPE> 文档声明
<a href="http://www.baidu.com">baidu</a>
新窗口中打开百度 <a href="http://www.baidu.com" target=“—blank”>baidu</a>
<address>此文档的作者：<a href="mailto:bill@microsoft.com">Bill Gates</a></address>
<article>是HTML5的新标签，内容独立于文档的其余内容
<article>
<h2>Netscape Is Dead</h2>
AOL has now officially announced that they will end
the development and support of all Netscape browsers.
</article>
<aside>是新标签，内容可用作文档侧栏
<aside>Aside 的内容是独立的内容，但应与文档内容相关。</aside>
<audio>是新标签，定义声音
<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
<b>定义粗体文本，此部分更重要
The house with the <b>red</b> door
<bdo>标签覆盖默认的文本方向
dir="rtl" 反向 dir="ltr" 正向
<bdo dir="rtl">Here is some text</bdo>
<blockquote>标签定义引用
我说过：
<blockquote>帝国主义都是纸老虎 ... </blockquote>
<body>定义文档的内容，其中包含文档的所有内容（比如文本，图像，颜色，图形等）
<html>
<head></head>
<body>文档的内容 ......</body>
</html>
<br>插入简单的换行符，是一个空标签，所以没有结束标签
This text contains<br />a line break
<button>定义按钮，可以在button元素中放置内容，比如文档或图像
<button>Click Me!</button>
<canvas>是新标签，定义图形
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
<caption>定义表格标题，必须紧随<table>标签之后
<table>
<caption>This is a caption</caption>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
<em>呈现为别被调的文本
<strong>重要的文本
<dfn>一个定义项目
<code>计算机代码文本
<samp>样本文本
<kbd>键盘文本，表示文本是从键盘上输入的
<var>变量，可以与<pre><code>配合使用
<cite>引用，对参考文献的引用或定义
<col>表格中的一个或多个列定义属性值，只能在表格或列组中使用该元素
<table>
<col style="color:blue" />
<col span="2" style="color:yellow" />
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<colgroup>定义表格列的组，对列进行组合，以便格式化，只有在<table>中才是合法的
<table>
<colgroup span="3" style="color:blue"></colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<command>是新标签，定义命令按钮，比如单选按钮，复选框或按钮
<datagrid>是新标签，定义可选数据的列表，作为数列表来显示
<datalist>是新标签，定义可选数据的列表，与input元素配合使用，就可以制作出输入值的下拉列表
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
<datatemplate>是新标签，定义数据模板的一个容器，该元素必须有定义模板的子元素：<rule>元素
<dd>定义一个项目列表中对项目的描述
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<details>是新标签，定义元素的细节，用户可进行查看，或通过点击进行隐藏
<dialog>是新标签，定义对话，比如交谈
<dialog>
<dt>老师</dt>
<dd>2+2 等于？</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了！</dd>
</dialog>
<div>定义文档中的division，section
<dl>定义一个定义列表
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<dt>定义一个列表中的一个项目，以及dialog中的角色
<embed>是新标签，定义嵌入的内容，比如插件
<event-source>是新标签，定义由服务器发送的事件的来源
<fieldset>可将表单内的相关元素分组
<figure>是新标签，用于对元素进行组合
<font>规定文本的字体外观，字体尺寸和字体颜色
<footer>定义section或document的页脚。典型的，它会包含创作者的姓名，文档的创作日期
<form>创建供用户输入的表单，表单可包含文本域，复选框，单选按钮等等，表单用于向指定的URL传递用户数据
<frame>定义子窗口（框架）
<frameset>定义框架集，它用于组织多个窗口（框架），每个框架存在一个独立的文档，在最简单的应用中，frameset元素仅仅声明框架集中存在的列或行的数目
<head>可包含关于文档的信息，浏览器不会向用户显示这些头部信息（"head information"）,下面这些标签可用在head部分：<base>,<link>,<meta>,<script>,<style>,<title>
<header>是新标签，定义section或document的页眉
<h1>-<h6>可定义标题，<h1>定义最大的标题，<h6>定义最小的标题
<hr>水平线，他应该定义内容中的主题变化
<html>元素告知浏览器这是一个HTML文档
<i>呈现斜体的文本，定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本，在没有其他元素可以使用时，比如<b>,<cite>,<dfn>,<em>,<q>,<small>,<strong>,请使用<i>标签
<iframe>创建包含另一个文档的行内框架
<img>标签定义图像
<input>定义输入字段，用户可在其中输入数据
<ins>定义文档的其余部分之外的插入文本
<label>定义控件的标注，如果在label元素内点击文本，就会触发此控件，就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上
<legend>标签为<fieldset>,<figure>以及<details>元素定义标题
<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>
<li>定义列表项，有序列表和无序列表中都是用<li>
<ol>
<li>Coffee</li>
<li>Tea</li>
</ol>
<ol>
<li value="8">Coffee</li>
<li>Tea</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
<link>定义两个连接文档之间的关系
<head>
<link rel="stylesheet" type="text/css" href="c3.css" />
</head>
<m>是新标签，定义带有记号的文本，请在需要突出显示文本时使用<m>
<map>定义客户端的图像映射，图像映射是带有可点击区域的图像
<menu>定义菜单列表，当希望列出表单控件时使用该标签
<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu>
<meta>可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词，标签位于文档的头部，不包含任何内容，
<meter>是新标签，定义度量单位，仅用于已知最大和最小值得度量
<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>
<nav>是新标签，定义导航链接的部分
<nav>
<a href="index.htm">w3school 在线教程</a>
<a href="html5_meter.htm">上一页</a>
<a href="html5_nest.htm">下一页</a>
</nav>
<nest>是新标签，在数据模版中为子元素定义嵌套点，与<datatemplate>和<rule>元素一同使用
<noframe>向浏览器显示无法处理框架的提示文本
<noscript>用来定义在脚本未被执行时的替代内容
<object>定义一个嵌入的对象，请使用此元素想您的XHTML页面添加多媒体，此元素运行您规定插入HTML文档中的对象的数据和参数，以及可用来现实和操作数据的代码
<ol>定义有序列表
<ol>
<li>Coffee</li>
<li>Tea</li>
</ol>
<ol>
<li start="60">Coffee</li>
<li>Tea</li>
</ol>
<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>
<option>定义下拉列表中的一个选项
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel" selected="selected">Opel</option>
<option value="audi">Audi</option>
</select>
<output>是新标签，定义不同类型的输出，比如脚本的输出
<p>定义段落
<param>允许您为插入XHTML文档的对象规定run-time设置，此标签可为包含它的<object>标签提供参数
<pre>可定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体，一个常见应用就是用来表示计算机的源代码
<progress>运行中的进程，可以使用<progress>标签来显示JavaScript中耗费时间的函数的进程
对象的下载进程：
<progress><span id="objprogress">85</span>%</progress>
<q>定义一个短的引用
这是一个短的引用：
<q>这是一个短的引用：</q>
<rule>是新标签，定义更新数据模版的规划，与<datatemplate>和<nest>元素一起使用
<s>定义加删除线的文本
<script>定义一段脚本，比如JavaScript,
<script type="text/javascript">
document.write("Hello World!")
</script>
<section>定义文档中的节（section），比如章节，页眉，页脚或文档中的其他部分
<select>创建下拉列表
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<small>制作更小字号的文本
<source>是新标签，为媒介元素（比如<video>和<audio>）定义媒介资源
<span>用于对文档中的行内元素进行组合
<p>This is a paragraph <span style="color:#00ff00;">This is a paragraph</span>
This is a paragraph</p>
<strike>定义加删除线的文本
<style>定义文档中的样式
<style type="text/css">
h1 {color: blue}
h2 {color: red}
</style>
<sub>可定义下标文本
<sup>可定义上标文本
这段文本包含 <sub>下标</sub>
这段文本包含 <sup>上标</sup>
<table>可定义表格，在<table>标签内部，你可以放置表格的标题，表格行，表格列，表格单元以及其它的表格
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<tbody>定义表格主体（正文）
<table>
<thead>
<tr>
<td>THEAD 中的文本</td>
</tr>
</thead>
<tfoot>
<tr>
<td>TFOOT 中的文本</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>TBODY 中的文本</td>
</tr>
</tbody>
</table>
<td>定义表格中的一个单元格
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<textarea>定义一个文本区域（text-area）（一个多行的文本输入区域），用户可在此文本区域中写文本，在一个文本区中，您可以输入无限数量的文本，文本区中的默认字体是等宽字体（fixed pitch）
<textarea rows="3" cols="30">
这里是文本域中的文本 ... ... ... ...
</textarea>
<tfoot>定义表格的页脚
<th>定义表格内的表头单元格，此th元素内部的文本通常会呈现为粗体
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<thead>定义表格的表头
<time>是新标签，定义日期或时间，或者两者
我们在每天早上 <time>9:00</time> 开始营业。
我在 <time datetime="2008-02-14">情人节</time> 有个约会。
<title>定义文档的标题
<head>
<title>HTML 5 Tag Reference</title>
</head>
<body>
The content of the document......
</body>
<tr>定义表格的行
<tt>定义打字机文本
<u>定义下划线文本
<ul>定义无序列表
<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
<video>是新标签，定义视频，比如电影片段或者其他视频流
<video src="somevideo.wmv">您的浏览器不支持 video 标签。</video>
HTML5大概就这些标签了。。。。。。
浙公网安备 33010602011771号