1 HTML 5
2
3
目录
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
? ?
? ?
?
? ?
? ?
?
?
?
?
?
?
? ?
?
?
?
?
?
? ?
?
?
?
?
?
?
?
?
?
? <!-- --> .................................................................................................................................................. 1 <!DOCTYPE> ......................................................................................................................................... 1 <a> ....................................................................................................................................................... 1 <abbr> ................................................................................................................................................. 1 ☆<acronym> ....................................................................................................................................... 1 <address> ............................................................................................................................................ 1 ☆<applet> ........................................................................................................................................... 1 <area> .................................................................................................................................................. 2 ★<article> ........................................................................................................................................... 3 ★<aside>............................................................................................................................................. 4 ★<audio> ............................................................................................................................................ 4 <b> ....................................................................................................................................................... 4 <base> ................................................................................................................................................. 4 ☆<basefont> ....................................................................................................................................... 5 ★<bdi> HTML5新增 .......................................................................................................................... 5 <bdo> ................................................................................................................................................... 5 ☆<big> HTML5不再支持该标签，请用CSS代替 ........................................................................... 5 <blockquote> ....................................................................................................................................... 5 <body> 重要标签 ............................................................................................................................... 6 <br/> .................................................................................................................................................... 6 <button> .............................................................................................................................................. 6 ★<canvas> HTML5新增 .................................................................................................................. 7 <caption> ............................................................................................................................................. 7 ☆<center> HTML5不再支持该标签，请用CSS代替 .................................................................. 8 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> ............................................................. 8 <col> .................................................................................................................................................... 8 <colgroup> ........................................................................................................................................... 9 ★<command> HTML5新增 ............................................................................................................. 10 ★<datalist> HTML5新增 .................................................................................................................. 10 <dd> ................................................................................................................................................... 10 <del> .................................................................................................................................................. 11 ★<details> HTML5 ............................................................................................................................ 11 ☆<dir> HTML5 .................................................................................................................................. 11 <div> .................................................................................................................................................. 11 <dl> .................................................................................................................................................... 11 <dt> .................................................................................................................................................... 12 ★<embed> HTML5 ........................................................................................................................... 12 <fieldset> ........................................................................................................................................... 12 ★<figcaption> HTML5 ...................................................................................................................... 13 ★<figure> HTML5 ............................................................................................................................. 13 ☆<font> HTML5 ................................................................................................................................ 13 ★<footer> ......................................................................................................................................... 13 <form> ............................................................................................................................................... 13 ☆<frame> ......................................................................................................................................... 14 ☆<frameset> .................................................................................................................................... 14 <h1> 至 <h6> ................................................................................................................................... 14 <head> ............................................................................................................................................... 15 ★<header> ...................................................................................................................................... 15 ★<hgroup> ....................................................................................................................................... 15
4
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
? <hr>.................................................................................................................................................... 15 <html> ............................................................................................................................................... 16 <i> ...................................................................................................................................................... 16 <iframe> ............................................................................................................................................ 16 <img> ................................................................................................................................................. 16 <input> .............................................................................................................................................. 16 <ins> .................................................................................................................................................. 18 ★<keygen> ....................................................................................................................................... 18 <label> ............................................................................................................................................... 19 <legend> ............................................................................................................................................ 19 <li> ..................................................................................................................................................... 20 <link> ................................................................................................................................................. 20 <map> ................................................................................................................................................ 21 ★<mark> ........................................................................................................................................... 21 <menu> .............................................................................................................................................. 21 <meta> ............................................................................................................................................... 21 ★<meter> ......................................................................................................................................... 22 ★<nav> ............................................................................................................................................. 23 ☆<noframes> .................................................................................................................................... 23 <noscript> .......................................................................................................................................... 23 <object> ............................................................................................................................................. 23 <ol> .................................................................................................................................................... 24 <optgroup> ........................................................................................................................................ 24 <option> ............................................................................................................................................ 25 ★<output> ........................................................................................................................................ 25 <p> ..................................................................................................................................................... 26 <param>............................................................................................................................................. 26 <pre>.................................................................................................................................................. 26 ★<progress> ..................................................................................................................................... 26 <q> ..................................................................................................................................................... 27 ★<rp>................................................................................................................................................ 27 ★<ruby>、<rt> ................................................................................................................................. 27 ☆<s> ................................................................................................................................................. 27 <script> .............................................................................................................................................. 27 ★<section> ....................................................................................................................................... 28 <select>.............................................................................................................................................. 28 <small>............................................................................................................................................... 28 ★<source> ........................................................................................................................................ 29 <span> ............................................................................................................................................... 29 ☆<strike> .......................................................................................................................................... 29 <style> ............................................................................................................................................... 29 <sub> 和 <sup> ................................................................................................................................ 30 ★<summary> .................................................................................................................................... 30 <table> ............................................................................................................................................... 30 <tbody> .............................................................................................................................................. 31 <td> .................................................................................................................................................... 31 <textarea> ......................................................................................................................................... 32 <tfoot> ............................................................................................................................................... 33 <th> .................................................................................................................................................... 33 <thead> .............................................................................................................................................. 34 ★<time> ............................................................................................................................................ 34 <title>................................................................................................................................................. 34
5
? ? ? ? ? ? <tr> .................................................................................................................................................... 35 ☆<tt> ................................................................................................................................................ 35 ☆<u> ................................................................................................................................................. 35 <ul> .................................................................................................................................................... 35 ★<video> ........................................................................................................................................ 35 ★<wbr> ............................................................................................................................................. 36
6
? <!-- -->
插入注释
<!--这是一段注释，注释不会在浏览器中显示。-->
? <!DOCTYPE>
声明HTML代码规范，应写在代码文档第一行，html5将代码简化成仅仅一行 <!DOCTYPE HTML>
? <a>
? <abbr>
表示一个缩写形式，利于其他搜索引擎搜索 <abbr title="etcetera">etc.</abbr>
? ☆<acronym> 定义首字母缩写词 HTML5不再支持该标签，请用<abbr>代替
<acronym title="World Wide Web">WWW</acronym>
? <address>
定义文档作者或所有者的联系信息，通常在网页底部 <address>
<a href=mailto:info@w3chtml.com>用户服务信箱</a><br />
W3C HTML 网页标准教程<br />
高薪开发区 789 号<br /> </address>
? ☆<applet>
定义嵌入的applet HTML5不再支持该标签，请用<object>代替 1
<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles. </applet>
? <area>
定义图像映射中的区域（带有可点击区域），area元素总是嵌套在<map>标签中 2
<!--带有可点击区域的图像映射-->
<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> ? ★<article>
标签定义独立的内容
<article>
<a href="">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,
3
HTML5新增
Apple announced the release of Safari 5 for Windows and Mac...... </article>
? ★<aside> 定义其所处内容之外的内容
<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> HTML5新增 ? ★<audio>
定义声音，比如音乐或其他音频流
HTML5新增 <audio src="someaudio.wav">
您的浏览器不支持 audio 标签。 </audio>
? <b>
在<p></p>中定义粗体文本，一般用于强调部分字符
<p>It was a <b>red</b> house with a <b>blue</b> door.</p> ? <base>
页面上的所有链接规定默认地址或默认目标
4
假设图像绝对地址为/img <head> <base href="/img/" />
</head>
那么在上例页面插入图像时，应当<img src="google_cn.png" />
? ☆<basefont> HTML5不再支持该标签，请用CSS代替 定义文档中所有文本的默认颜色、大小和字体
? ★<bdi>
标签允许您设置一段文本，使其脱离其父元素的文本方向设置
在发布用户评论或其他您无法完全控制的内容时，该标签很有用
把用户名从周围的文本方向设置中隔离出来：
<ul>
<li>Username <bdi>Bill</bdi>:80 points</li>
<li>Username <bdi>Steve</bdi>: 78 points</li> </ul> HTML5新增 ? <bdo>
覆盖默认的文本方向
<bdo dir="rtl">Here is some text</bdo> ? ☆<big>
制作更大的文本 HTML5不再支持该标签，请用CSS代替
? <blockquote>
标签定义摘自另一个源的块引用
<blockquote>与</blockquote>之间的所有文本都会从常规文本中分离出来，经常会在左、右两边
5
进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间 <blockquote>帝国主义都是纸老虎 ... </blockquote>
? <body>
定义文档的主体 <html>
<head>
<title>文档标题</title>
</head>
<body>
内容 ... ...
</body>
</html> 重要标签
? <br/>
简单的换行符，该标签没有结束标签 This text contains<br />a line break
<!—This text contains之后便会换行-->
? <button>
标签定义按钮
您可以在button元素内放置内容，这是该元素与通过input元素创建的按钮的不同之处 请始终为按钮规定type属性，不同的浏览器根据type属性使用不同的默认值
6
<button type="button">Click Me!</button>
? ★<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> HTML5新增 定义图形，比如图表和其他图像,<canvas>只是图形容器，您必须使用脚本来绘制图形 <canvas id="myCanvas"></canvas>
? <caption>
定义表格的标题，<caption> 标签必须直接放置到 <table> 标签之后 每个表格只能规定一个标题，通常标题会居中显示在表格上方。 <table>
<caption>每月的存款</caption>
<tr>
7
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr> </table>
? ☆<center> HTML5不再支持该标签，请用CSS代替 对其包围的文本和内容进行水平居中处理
? <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite>
下元素都是短语元素，并不反对使用它们，但是通过使用样式表，可能取得更丰富的效果
<em>Emphasized text</em> <strong>Strong text</strong> <dfn>Definition term</dfn> <code>Computer code text</code>
<samp>Sample computer code text</samp>
<kbd>Keyboard text</kbd>
<var>Variable</var> <cite>Citation</cite>
? <col>
表格中的一个或多个列定义属性值
通过使用<col>标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式
只能在table或colgroup元素内使用<col>标签，HTML5中不再支持 HTML4.01中的大部分属性 8
<table>
<col span="2" style="background-color:red" /> <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>
? <colgroup>
用于对表格中的列进行组合，以便对其进行格式化
通过使用<colgroup>标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式 只能在 table 元素内使用 <colgroup> 标签，HTML5中不再支持 HTML4.01中的大部分属性 <table>
<colgroup span="2" style="background-color:red" /> <tr>
<th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr>
<td>3476896</td>
9
<td>My first HTML</td>
<td>$53</td>
</tr> </table>
? ★<command> 元素表示用户能够调用的命令
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮
只有当 command 元素位于 menu 元素内时，该元素才是可见的
否则不会显示这个元素，但是可以用它规定键盘快捷键
<menu>
<command onclick="alert('Hello World')">
Click Me!</command>
</menu> HTML5新增 ? ★<datalist>
定义选项列表。请与input元素配合使用该元素，来定义input可能的值
datalist及其选项不会被显示出来，它仅仅是合法的输入值列表 HTML5新增
请使用input元素的list属性来绑定datalist，目前只有Firefox和Oper 支持<datalist 标签 <input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
? <dd>
定义一个定义列表中对项目的描述
10
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd> </dl>
? <del> 定义文档中已删除的文本 a dozen is <del>21</del> 12 pieces
? ★<details>
<details>
<summary>Copyright 2011.</summary> HTML5新增 用于描述文档或文档某个部分的细节， 目前只有Firefox和Oper 支持<datalist 标签
<p>All pages and graphics on this web site are the property of w3chtml.</p> </details>
? ☆<dir>
定义目录列表 HTML5不再支持该标签，请用CSS代替
? <div>
定义 HTML 文档中的分隔（division）或部分（section）
<div>标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
? <dl>
定义一个定义列表（definition list）
11
<dl>标签用于结合<dt>（定义列表中的项目）和<dd>（描述列表中的项目） <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd> </dl>
? <dt>
定义一个定义列表中的一个项目，<dt>标签定义列表中的项目，而<dd>标签描述这些项目 <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd> </dl>
? ★<embed> 定义嵌入的内容，比如插件
HTML5新增 <embed src="helloworld.swf" />
? <fieldset>
<fieldset> 用于从逻辑上将表单中的元素组合起来
<fieldset> 标签会在相关表单元素周围绘制边框
<legend> 标签为 fieldset 元素定义标题。
<form>
<fieldset>
<legend>Personalia:</legend>
12
Name: <input type="text" /><br />
Email: <input type="text" /><br />
Date of birth: <input type="text" />
</fieldset> </form>
? ★<figcaption> 定义 figure 元素的标题
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置 <figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure> HTML5新增 ? ★<figure>
规定独立的流内容（图像、图表、照片、代码等等）
figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响 <figure>
<p>黄浦江上的的卢浦大桥</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure> HTML5新增
? ☆<font>
规定文本的字体、大小和颜色 HTML5不再支持该标签，请用CSS代替
? ★<footer>
定义section或document的页脚
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息 <footer>This document was written in 2010</footer> HTML5新增
? <form>
标签用于创建供用户输入的HTML表单
form元素包含一个或多个表单元素，比如：
button input keygen object output select textarea
13
<form action="form_action.asp">
First name: <input type="text" name="fname" value="Mickey" /><br />
Last name:<input type="text" name="lname" value="Mouse" /><br />
<input type="submit" value="Submit" />
</form>
? ☆<frame>
定义框架集中的子窗口（框架） HTML5不再支持该标签，请用CSS代替
? ☆<frameset> HTML5不再支持该标签，请用CSS代替 定义框架集。它用于组织多个窗口（框架）
? <h1> 至 <h6>
<h1>-<h6>标签可定义标题，<h1> 定义最大的标题，<h6> 定义最小的标题
由于h元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构
因此，请不要利用标题标签来改变同一行中的字体大小
相反，我们应当使用层叠样式表定义来达到漂亮的显示效果
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
14
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
? <head> 下面是可用在 head 部分的标签：
<title> <base> <link> <meta> <script> <style> <html> <head>
<title>文档的标题</title> </head>
<body>
文档的内容 ... ...
...
</body> </html> 重要标签 所有头部元素的容器位于<head>内部，可以包含脚本、指引浏览器找到样式表、提供元信息等
? ★<header>
定义文档的页眉（介绍信息）
<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p> HTML5新增
? ★<hgroup>
用于对网页或区段（section）的标题进行组合
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p> HTML5新增
? <hr>
插入水平线，它应该定义内容中的主题变化
<hr size="10" width="400" color="#ff0000">
15
? <html>
告知浏览器这是一个HTML文档，是整个HTML最大的标签 <!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
? <i>
斜体的文本 <p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>
? <iframe>
创建包含另一个文档的行内框架，HTML5中仅支持src属性 <iframe src="/index.html"></iframe>
? <img>
定义HTML页面中的图像，图像并不会插入HTML页面中，而是链接到HTML页面上 标签的作用是为被引用的图像创建占位符，HTML5不支持：align、 border、hspace、vspace属性
<img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />
? <input>
规定用户可输入数据的输入字段，根据不同的 type 属性，输入字段有多种形态
输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等，input元素是空的，它只包含属性
16
17
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<input type="submit" value="提交" /> </form>
? <ins>
定义文档的其余部分之外的插入文本，请与 <del> 标签一起使用，来描述对文档的更新和修正 ? ★<keygen>
HTML5新增 规定用于表单的密钥对生成器字段，当提交表单时，私钥存储在本地，公钥发送到服务器 18
<form action="demo_keygen.asp" method="get"> Username: <input type="text" name="usr_name" /> Encryption: <keygen name="security" /> <input type="submit" />
</form>
? <label>
input元素定义标签（label），label元素不会向用户呈现任何特殊的样式
不过,它为鼠标用户改善了可用性，因为如果用户点击labe元素内的文本，则会切换到控件本身 <label>标签的for属性应该等于相关元素的id元素，以便将它们捆绑起来
<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>
? <legend>
为以下元素定义标题（caption）：<fieldset>、<figure>、<details>
在HTML5中，<legend>标签应用于以下元素: <fieldset>、<figure>、<details>
在HTML5中不支持align属性
<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>
19
? <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>
定义文档与外部资源之间的关系, 大多数时候都用来连接样式表 20
? <map>
定义客户端图像映射，图像映射指的是带有可点击区域的图像
name属性在map元素中是必需的，该属性与<img>标签的usemap属性相关联
以创建图像与映射之间的关系 map元素包含若干area元素，定义图像映射中的可点击区域
<img src="planets.gif" alt="Planets" usemap ="#planetmap" /> <map name="planetmap">
<area shape ="rect" coords ="0,0,110,260" href ="sun.htm" alt="Sun" />
<area shape ="circle" coords ="129,161,10" href ="mercur.htm" alt="Mercury" /> <area shape ="circle" coords ="180,139,14" href ="venus.htm" alt="Venus" /> </map>
? ★<mark>
定义带有记号的文本（高亮），请在需要突出显示文本时使用 <m> 标签
<p>Do not forget to buy <mark>milk</mark> today.</p> HTML5新增
? <menu>
定义菜单列表，当希望列出表单控件时使用该标签
<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu> ? <meta>
可提供有关页面的元信息（meta-information），如针对搜索引擎和更新频度的描述和关键词 标签位于文档的头部，不包含任何内容，<meta> 标签的属性定义了与文档相关联的名称/值对 21
定义针对搜索引擎的关键词： <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述：
<meta name="description" content="w3c html web 技术标准教程。" />
定义页面的最新版本： <meta name="revised" content="w3chtml, 2008/8/8/" />
每 5 秒刷新一次页面： <meta http-equiv="refresh" content="5" />
? ★<meter>
定义度量衡，仅用于已知最大和最小值的度量 HTML5新增 22
<meter min="0" max="20">5</meter> <meter>2 out of 10</meter> <meter>30%</meter>
? ★<nav> 创建导航超链接 <nav> <a href="/html5/tag/">Home</a> <a href="html5/tag/meter.html">Previous</a>
<a href="html5/tag/noscript.html">Next</a> </nav> HTML5新增
? ☆<noframes>
浏览器显示无法处理框架的提示文本 HTML5不再支持该标签
? <noscript>
noscript元素用来定义在脚本未被执行时的替代内容（文本）
此标签用于可识别<script>标签但无法支持其中脚本的浏览器
<body>
...
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>
...
</body>
? <object>
义一个嵌入的对象，请使用此元素向您的XHTML页面添加多媒体
此元素运行您规定插入HTML文档中的对象的数据和参数，以及可用来显示和操作数据的代码 object元素可位于在 head 元素或 body 元素内部
<object>与</object>之间的文本是替换文本，针对不支持此标签的浏览器
<param>标签可定义用于对象的run-time设置
23
至于图像，请使用<img>标签代替<object>标签，至少必须定义 "data" 和 "type" 属性之一 ? <ol>
定义有序列表
<ol>
<li>Coffee</li>
<li>Tea</li>
</ol>
<ol>
<li start="60">Coffee</li>
<li>Tea</li>
</ol> ? <optgroup>
24
定义选项组，此元素允许您组合选项 当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易 <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>
定义不同类型的输出，比如脚本的输出
HTML5新增 25
<form action="form_action.asp" method="get" name="sumform"> <output name="sum"></output> </form>
? <p>
定义文字段落
<p>这是一句话</p>
? <param>
允许您为插入XHTML文档的对象规定run-time设置 也就是说，此标签可为包含它的<object>标签提供参数
<object 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>
? <pre>
可定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符
而文本也会呈现为等宽字体，<pre>标签的一个常见应用就是用来表示计算机的源代码
HTML5中不再支持width属性，请使用<pre>标签来显示非常规的格式化内容，或者某类计算机代码
<progress> 对象的下载进度：
26
<span id="objprogress">85</span>% </progress>
? <q> 定义一个短的引用，浏览器经常会在这种引用的周围插入引号 <p>WWF's goal is to: <q cite="">
build a future where people live in harmony with nature </q> we hope they succeed.</p>
? ★<rp>
在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容 HTML5新增
? ★<ruby>、<rt>
定义字符（中文注音或字符）的解释或发音 <ruby>
众 <rt><rp>(</rp>多人<rp>)</rp></rt>
</ruby> HTML5新增
? ☆<s> HTML5不再支持该标签，请用CSS代替 定义加删除线的文本，HTML5可用<del>代替
? <script>
用于定义客户端脚本，比如 JavaScript
script元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件
JavaScript通常用于图像操作、表单验证以及动态内容更改
通过 JavaScript 输出 "Hello world"：
27
<script type="text/javascript"> document.write("Hello World!") </script>
? ★<section> 定义文档中的节（section、区段）比如章节、页眉、页脚或文档中的其他部分
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p> </section> HTML5新增 ? <select>
创建下拉列表
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select> ? <small>
将旁注呈现为小型文本，免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本 <dl>
<dt>单人间</dt>
<dd>399 元 <small>含早餐，不含税</small></dd>
<dt>双人间</dt>
28
<dd>599 元 <small>含早餐，不含税</small></dd> </dl>
? ★<source> 媒介元素（比如 <video> 和 <audio>）定义媒介资源
HTML5新增 ? <span>
用于对文档中的行内元素进行组合 <p>This is a paragraph <span style="color:#00ff00;">This is a paragraph</span>
This is a paragraph</p>
? ☆<strike> HTML5不再支持该标签，请用CSS代替 定义加删除线的文本，请使用<del>标签代替
? <style>
定义HTML文档的样式信息，在style元素中您规定的是HTML元素如何在浏览器中呈现
提示：如需链接外部样式表，请使用<link>标签
提示：如需学习更多有关样式表的知识，请访问我们的CSS教程
注释：如果未定义scoped属性，那么<style>元素必须位于<head>部分中
<html>
<head>
29
<style type="text/css"> h1 {color:red} p {color:blue} </style> </head> <body> <h1>Header-1</h1> <p>This is a paragraph.</p> </body> </html>
? <sub> 和 <sup>
<sub>标签可定义下标文本，<sup>可定义上标文本
<p>这段文本包含 <sup>上标</sup></p>
<p>这段文本包含 <sub>下标</sub></p>
? ★<summary> 包含details元素的标题，可以通过点击获得拓展的信息 <details> <summary>HTML 5</summary> This document teaches you everything you have to learn about HTML 5.
</details> HTML5新增
? <table>
定义HTML表格，一个简单的HTML表格包括table元素，一个或多个 tr、th 以及td元素 tr元素定义表格行，th元素定义表头，td元素定义表格单元
更复杂的HTML表格也可能包含caption,col,colgroup,thead,tfoot,tbody等元素
30
<tr> <table border="1">
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr> </table>
? <tbody>
定义一段表格主体（正文），在 HTML5中，不支持 <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>
标签定义 HTML
表格中的标准单元格，HTML 表格有两种单元格类型：
1.表头单元格-包含头部信息（由 th 元素创建）
2.标准单元格-包含数据（由 td 元素创建）
th元素中的文本呈现为粗体并且居中，td元素中的文本是普通的左对齐文本 31
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr> </table>
? <textarea>
定义一个文本区域 (text-area) （一个多行的文本输入区域）
用户可在此文本区域中写文本，在一个文本区中，您可输入无限数量的文本 文本区中的默认字体是等宽字体 (fixed pitch)
32
<textarea rows="3" cols="30">
请输入文本... </textarea> <tfoot>
? <tfoot>
定义表格的页脚（脚注）
thead、tfoot以及tbody元素使您有能力对表格中的行进行分组
当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行 这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动
当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上 <table>
<thead>
<tr>
<td>THEAD 中的文本</td>
</tr>
</thead>
<tfoot>
<tr>
<td>TFOOT 中的文本</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>TBODY 中的文本</td>
</tr>
</tbody> </table>
? <th>
定义HTML表格中的表头单元格，HTML表格有两种单元格类型：
1.表头单元格-包含头部信息（由 th 元素创建）
2.标准单元格-包含数据（由 td 元素创建）
th元素中的文本呈现为粗体并且居中，td元素中的文本是普通的左对齐文本
33
<table border="1">
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>3000 元</td>
</tr>
</table>
? <thead>
定义表格的表头
? ★<time>
定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的
该元素能够以机器可读的方式对日期和时间进行编码
举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中
搜索引擎也能够生成更智能的搜索结果
HTML5新增 <p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p> ? <title>
34
定义文档的标题 <html> <head>
<title>百度一下，你就知道</title> </head> <body> </body> </html>
? <tr>
定义表格中的行
? ☆<tt> 定义打字机文本 HTML5不再支持该标签
? ☆<u>
定义下划线文本 HTML5不再支持该标签
? <ul>
定义无序列表 <ul>
<li>Coffee</li>
<li>Tea</li> </ul>
? ★<video>
定义视频，比如电影片段或其他视频流 HTML5新增 35
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。 </video>
? ★<wbr>
设置换行符参考点，当界面过小时，系统会优先在换行符参考点进行断行 所有主流浏览器均支持 <wbr> 标签，除了 Internet Explorer <p>
如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。 </p>
36