H5新特性
脚本和链接无需type (No More Types for Scripts and Links)
语义Header和Footer (The Semantic Header and Footer) 替代DIV中的Header和Footer ID
Hgroup 给h1 h2等分组
标记元素 (Mark Element) 高亮标签
HTML5引入了<figure>元素。当和<figcaption>结合起来后，我们可以语义化地将注释和相应的图片联系起来
占位符 (Placeholder)
HTML5中的新属性“required”指定了某一输入（INPUT）是否必需。当文本框被指定必需时，如果空白的话表格就不能提交。
HTML5的解决方案消除了对JavaScript的需要。如果一个特定的输入应该是“选择”或聚焦，默认情况下，我们现在可以利用自动聚焦属性。Autofocus 属性 (Autofocus Attribute)
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<link rel="stylesheet" type="text/css" href="styles.css"> <link> 标签定义了文档与外部资源之间的关系。
<base href="http://www.w3cschool.cn/images/" target="_blank"> 使用 <base> 定义页面中所有链接默认的链接目标地址
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style> <style> 标签定义了HTML文档的样式文件引用地址，
<meta charset="utf-8"> <meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。有中文必用此行
<script>标签用于加载脚本文件，如： JavaScript。
hr 水平线
<!-- --> 注释
br /br 换行 可以 <b>Menu</b><br>HTML<br>CSS<br>JavaScript
<strong> 或<b>加粗文本 <big>文本字体放大
<em>或<i>斜体文本 <small>这个文本是缩小的
<sub> 下标</sub> 和 <sup> 上标</sup>
<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容
<ins> 定义插入字
<del> 定义删除字
pre 元素可定义预格式化的文本
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<abbr> 定义缩写 <abbr title="World Health Organization">WHO</abbr>
<address> 定义地址 Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
<bdo> 定义文字方向 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<blockquote> 定义长的引用 <blockquote cite
<q> 定义短的引用语
<cite> 标签来定义作品的标题
<dfn> 定义一个定义项目
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。
<a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。
<a href="http://www.w3cschool.cn/" target="_blank">Visit W3CSchool!</a> HTML的TARGET属性,_blank新窗口打开,_top跳出框架
<p>创建图片链接:
<a href="http://www.w3cschool.cn/html/html-tutorial.html">
<img src="/statics/images/course/smiley.gif" alt="HTML 教程" width="32" height="32"></a></p> src 指 "source"。源属性的值是图像的 URL 地址。
<p>无边框的图片链接:
<a href="http://www.w3cschool.cn/html/html-tutorial.html">
<img border="0" src="/statics/images/course/smiley.gif" alt="HTML 教程" width="32" height="32"></a></p> alt 属性用来为图像定义一串预备的可替换的文本。
align="middle" 调整文本位置 上中下
<map> 定义图像地图
<area> 定义图像地图中的可点击区域
<a href="#C4">查看章节 4</a>
<a href="http://www.w3cschool.cn/html_links.htm#C4">查看章节4</a>
<a id="C4">章节 4</a>
<p>
这是一个电子邮件链接：
<a href="mailto:wangdangpeng@factzone.com?Subject=Hello%20again" target="_top"> 单词之间空格使用 20% 代替，以确保浏览器可以正常显示文本。
发送邮件</a>
</p>
<p>
这是另一个电子邮件链接：
<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>
</p>
<a href="http://www.w3cschool.cn/" style="text-decoration:none;"> 取消下划线
style背景色属性（background-color）定义一个元素的背景颜色：我们可以使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:
使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：
每个表格从一个 table 标签开始。
每个表格行从 tr 标签开始。
每个表格的数据从 td 标签开始。 <table border="1" cellpadding="10"> 边框和单元格边距
<th> 定义表格的表头 th可设置colspan rowspan
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉 在head的style里可定义颜色
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<li> 列表 （文字前加点）
<ul><li>Coffee</li><li>Milk</li></ul> 无序列表
<ul style="list-style-type:circle"> circle disc square 各种样式的点
<ol><li>Coffee</li><li>Milk</li></ol> 有序列表
ol 里的type可以改变罗马或阿拉伯排序
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<div> 定义了文档的区域，块级 (block-level) <h1>, <p>, <ul>, <table>
<span> 用来组合文档中的行内元素， 内联元素(inline) <b>, <td>, <a>, <img> id和style等
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
大多数网站可以使用 <div>元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。需要先DIV一个容器
设计表格的目的是呈现表格化数据 - 表格不是布局工具！
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
表单数据将被发送到服务器上的action处
method （get或post）规定用于发送 form-data 的 HTTP 方法。
enctype 属性规定在发送（POST）到服务器之前应该如何对表单数据进行编码。一般用text/plain
<fieldset><legend></legend></fieldset> 表单的边框和标题
<form> First name: <input type="text" name="firstname"><br></form> 文本域,value是预定值
密码字段通过标签<input type="password"> 来定义，！！H5!IE不支持！！ <keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。
<input type="radio" name="sex" value="male">Male<br> 标签定义了表单单选框选项
<input type="checkbox" name="vehicle" value="Car">I have a car 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 提交按钮(Submit Button)
<button type="button" οnclick="myFunction()">Click Me!</button> JS按钮
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected>Fiat</option>
<option value="audi">Audi</option>
</select>
</form> 下拉框，selected代表预选，<option>定义下拉列表中的选项
！H5! <input list="browsers" name="browser"><datalist id="browsers"> 一个可以输入的下拉框
option前通过 <optgroup> 标签把相关的选项组合在一起
<textarea rows="10" cols="30"> </textarea> 文本框
<form action=""><input type="button" value="Hello world!"></form> 按钮，reset复位，range是一个拉条（须后接范围），number是个数字
！！H5!!IE不支持！！<output name="x" for="a b"></output> 把id为a,b的input相加并输出
<iframe src="URL"></iframe> HTML 框架
height 和 width 属性用来定义iframe标签的高度与宽度。frameborder 属性用于定义iframe表示是否显示边框。
<frameset cols="159px,*">
<frame name="a1" src="link.html" noresize="yes" border="1px" scrolling="auto" bordercolor="blue" >
<frame name="a2" src="firstPage.html">
</frameset> iframe可以显示一个目标链接的页面，目标链接的属性必须使用iframe的属性
HTML 颜色
颜色可以用十六进制，颜色名和RGB设置
HTML 脚本(JS) JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本
document.write("Hello World!") 写
<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>
<button type="button" οnclick="myFunction()">Click Me!</button> 换字的例子
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
显示小于号，我们必须这样写：< 或 < 或 <
不间断空格( ) 结合音标符
HTML 统一资源定位器(Uniform Resource Locators)
URL可以由字母组成，如"W3CSchools.cc"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。
一个网页地址实例: http://www.w3cschool.cn/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3cschool.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
Scheme 访问 用于...
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页。解密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file 您计算机上的文件。
由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
HTML 插件
<object> 元素定义了在 HTML 文档中嵌入的对象。该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器,swf文件) 。
<object width="100%" height="500px" data="snippet.html"></object>
<embed> 元素表示一个 HTML Embed 对象 。
<embed width="100%" height="500px" src="snippet.html">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="300" id="Column3D" >
<param name="movie" value="XXX.swf" />
<param name="FlashVars" value="&dataURL=Data.xml">
<param name="quality" value="high" />
<embed src="xxx.swf" flashVars="&dataURL=Data.xml" quality="high" width="900" height="300" name="Column3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<object> 标签支持IE,<embed>标签支持旧版本的IE和其他的浏览器（如FF、chrome等）。所以在写页面的时候最好是按上面代码中的方式，
将embed的内容嵌入到object标签内，这样就可以防止有的浏览器出现不兼容的情况了。
HTML音频
H5!!!当使用<audio>元素时请记得包含两种音频格式。FireFox想要.ogg格式的文件，而Webkit浏览器则需要.mp3格式的。和往常一样，IE是不支持的，且Opera 10及以下版本只支持.wav格式。
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>
使用超链接
雅虎媒体播放器，只需添加一行代码到你的页面或 博客中就可以轻松地将您的HTML页面制作成 专业的播放列表：
<a href="horse.mp3">Play Sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
HTML5 视频
1.<.video controls preload>.
2.<.source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" />.
3.<.source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />.
4.<.p>. Your browser is old. <.a href="cohagenPhoneCall.mp4">.Download this video instead.</.a>. </.p>.
5.</.video>.
当用户访问页面时这一属性使得视频得以预载。为了实现这个功能，可以在<video>元素中加上preload="preload"或者只是preload。
如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：
<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"> </embed>
video属性media="screen and (min-width:320px)"控制视频，几乎所有的主流浏览器都不支持 media 属性。
<track> 规定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)
脚本和链接无需type (No More Types for Scripts and Links)
语义Header和Footer (The Semantic Header and Footer) 替代DIV中的Header和Footer ID
Hgroup 给h1 h2等分组
标记元素 (Mark Element) 高亮标签
HTML5引入了<figure>元素。当和<figcaption>结合起来后，我们可以语义化地将注释和相应的图片联系起来
占位符 (Placeholder)
HTML5中的新属性“required”指定了某一输入（INPUT）是否必需。当文本框被指定必需时，如果空白的话表格就不能提交。
HTML5的解决方案消除了对JavaScript的需要。如果一个特定的输入应该是“选择”或聚焦，默认情况下，我们现在可以利用自动聚焦属性。Autofocus 属性 (Autofocus Attribute)
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<link rel="stylesheet" type="text/css" href="styles.css"> <link> 标签定义了文档与外部资源之间的关系。
<base href="http://www.w3cschool.cn/images/" target="_blank"> 使用 <base> 定义页面中所有链接默认的链接目标地址
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style> <style> 标签定义了HTML文档的样式文件引用地址，
<meta charset="utf-8"> <meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。有中文必用此行
<script>标签用于加载脚本文件，如： JavaScript。
hr 水平线
<!-- --> 注释
br /br 换行 可以 <b>Menu</b><br>HTML<br>CSS<br>JavaScript
<strong> 或<b>加粗文本 <big>文本字体放大
<em>或<i>斜体文本 <small>这个文本是缩小的
<sub> 下标</sub> 和 <sup> 上标</sup>
<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容
<ins> 定义插入字
<del> 定义删除字
pre 元素可定义预格式化的文本
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<abbr> 定义缩写 <abbr title="World Health Organization">WHO</abbr>
<address> 定义地址 Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
<bdo> 定义文字方向 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<blockquote> 定义长的引用 <blockquote cite
<q> 定义短的引用语
<cite> 标签来定义作品的标题
<dfn> 定义一个定义项目
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。
<a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。
<a href="http://www.w3cschool.cn/" target="_blank">Visit W3CSchool!</a> HTML的TARGET属性,_blank新窗口打开,_top跳出框架
<p>创建图片链接:
<a href="http://www.w3cschool.cn/html/html-tutorial.html">
<img src="/statics/images/course/smiley.gif" alt="HTML 教程" width="32" height="32"></a></p> src 指 "source"。源属性的值是图像的 URL 地址。
<p>无边框的图片链接:
<a href="http://www.w3cschool.cn/html/html-tutorial.html">
<img border="0" src="/statics/images/course/smiley.gif" alt="HTML 教程" width="32" height="32"></a></p> alt 属性用来为图像定义一串预备的可替换的文本。
align="middle" 调整文本位置 上中下
<map> 定义图像地图
<area> 定义图像地图中的可点击区域
<a href="#C4">查看章节 4</a>
<a href="http://www.w3cschool.cn/html_links.htm#C4">查看章节4</a>
<a id="C4">章节 4</a>
<p>
这是一个电子邮件链接：
<a href="mailto:wangdangpeng@factzone.com?Subject=Hello%20again" target="_top"> 单词之间空格使用 20% 代替，以确保浏览器可以正常显示文本。
发送邮件</a>
</p>
<p>
这是另一个电子邮件链接：
<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>
</p>
<a href="http://www.w3cschool.cn/" style="text-decoration:none;"> 取消下划线
style背景色属性（background-color）定义一个元素的背景颜色：我们可以使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:
使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：
每个表格从一个 table 标签开始。
每个表格行从 tr 标签开始。
每个表格的数据从 td 标签开始。 <table border="1" cellpadding="10"> 边框和单元格边距
<th> 定义表格的表头 th可设置colspan rowspan
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉 在head的style里可定义颜色
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<li> 列表 （文字前加点）
<ul><li>Coffee</li><li>Milk</li></ul> 无序列表
<ul style="list-style-type:circle"> circle disc square 各种样式的点
<ol><li>Coffee</li><li>Milk</li></ol> 有序列表
ol 里的type可以改变罗马或阿拉伯排序
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<div> 定义了文档的区域，块级 (block-level) <h1>, <p>, <ul>, <table>
<span> 用来组合文档中的行内元素， 内联元素(inline) <b>, <td>, <a>, <img> id和style等
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
大多数网站可以使用 <div>元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。需要先DIV一个容器
设计表格的目的是呈现表格化数据 - 表格不是布局工具！
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
表单数据将被发送到服务器上的action处
method （get或post）规定用于发送 form-data 的 HTTP 方法。
enctype 属性规定在发送（POST）到服务器之前应该如何对表单数据进行编码。一般用text/plain
<fieldset><legend></legend></fieldset> 表单的边框和标题
<form> First name: <input type="text" name="firstname"><br></form> 文本域,value是预定值
密码字段通过标签<input type="password"> 来定义，！！H5!IE不支持！！ <keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。
<input type="radio" name="sex" value="male">Male<br> 标签定义了表单单选框选项
<input type="checkbox" name="vehicle" value="Car">I have a car 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 提交按钮(Submit Button)
<button type="button" οnclick="myFunction()">Click Me!</button> JS按钮
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected>Fiat</option>
<option value="audi">Audi</option>
</select>
</form> 下拉框，selected代表预选，<option>定义下拉列表中的选项
！H5! <input list="browsers" name="browser"><datalist id="browsers"> 一个可以输入的下拉框
option前通过 <optgroup> 标签把相关的选项组合在一起
<textarea rows="10" cols="30"> </textarea> 文本框
<form action=""><input type="button" value="Hello world!"></form> 按钮，reset复位，range是一个拉条（须后接范围），number是个数字
！！H5!!IE不支持！！<output name="x" for="a b"></output> 把id为a,b的input相加并输出
<iframe src="URL"></iframe> HTML 框架
height 和 width 属性用来定义iframe标签的高度与宽度。frameborder 属性用于定义iframe表示是否显示边框。
<frameset cols="159px,*">
<frame name="a1" src="link.html" noresize="yes" border="1px" scrolling="auto" bordercolor="blue" >
<frame name="a2" src="firstPage.html">
</frameset> iframe可以显示一个目标链接的页面，目标链接的属性必须使用iframe的属性
HTML 颜色
颜色可以用十六进制，颜色名和RGB设置
HTML 脚本(JS) JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本
document.write("Hello World!") 写
<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>
<button type="button" οnclick="myFunction()">Click Me!</button> 换字的例子
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
显示小于号，我们必须这样写：< 或 < 或 <
不间断空格( ) 结合音标符
HTML 统一资源定位器(Uniform Resource Locators)
URL可以由字母组成，如"W3CSchools.cc"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。
一个网页地址实例: http://www.w3cschool.cn/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3cschool.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
Scheme 访问 用于...
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页。解密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file 您计算机上的文件。
由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
HTML 插件
<object> 元素定义了在 HTML 文档中嵌入的对象。该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器,swf文件) 。
<object width="100%" height="500px" data="snippet.html"></object>
<embed> 元素表示一个 HTML Embed 对象 。
<embed width="100%" height="500px" src="snippet.html">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="300" id="Column3D" >
<param name="movie" value="XXX.swf" />
<param name="FlashVars" value="&dataURL=Data.xml">
<param name="quality" value="high" />
<embed src="xxx.swf" flashVars="&dataURL=Data.xml" quality="high" width="900" height="300" name="Column3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<object> 标签支持IE,<embed>标签支持旧版本的IE和其他的浏览器（如FF、chrome等）。所以在写页面的时候最好是按上面代码中的方式，
将embed的内容嵌入到object标签内，这样就可以防止有的浏览器出现不兼容的情况了。
HTML音频
H5!!!当使用<audio>元素时请记得包含两种音频格式。FireFox想要.ogg格式的文件，而Webkit浏览器则需要.mp3格式的。和往常一样，IE是不支持的，且Opera 10及以下版本只支持.wav格式。
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>
使用超链接
雅虎媒体播放器，只需添加一行代码到你的页面或 博客中就可以轻松地将您的HTML页面制作成 专业的播放列表：
<a href="horse.mp3">Play Sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
HTML5 视频
1.<.video controls preload>.
2.<.source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" />.
3.<.source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />.
4.<.p>. Your browser is old. <.a href="cohagenPhoneCall.mp4">.Download this video instead.</.a>. </.p>.
5.</.video>.
当用户访问页面时这一属性使得视频得以预载。为了实现这个功能，可以在<video>元素中加上preload="preload"或者只是preload。
如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：
<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"> </embed>
video属性media="screen and (min-width:320px)"控制视频，几乎所有的主流浏览器都不支持 media 属性。
<track> 规定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)
153
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
