html5开发文档fake版-CSDN博客

html5改进了互操作性，并减少了开发成本。
HTML 5 中的新特性包括了嵌入音频、视频和图形的功能，客户端数
据存储，以及交互式文档。
HTML 5 还包含了新的元素，比如：<nav>, <header>, <footer> 以
及 <figure> 等等。
HTML 5 工作组包括：AOL, Apple, Google, IBM, Microsoft,
Mozilla, Nokia, Opera, 以及数百个其他的供应商。
注释：HTML 5 还没有成为 W3C 正式的推荐标准。

<!DOCTYPE>必须位于html5文档中的第一行，也就是位于<html>标签
之前。

doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器
编写页面所用的标记的版本。
在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能
了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01
基于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用
，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该
的方式来运行。）

注释：<!DOCTYPE> 标签没有结束标签！
提示：<!DOCTYPE> 对大小写不敏感。

<a> 标签定义超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
在所有浏览器中，链接的默认外观是：
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

<abbr>标签即是缩写，在某些浏览器中，当您把鼠标移至缩略词语上
时，title 可用于展示表达的完整版本。

<address> 标签定义文档作者或拥有者的联系信息。
注释：不应该使用 <address> 标签来描述邮政地址，除非这些信息
是联系信息的组成部分。
注释：<address> 元素通常呈现为斜体。大多数浏览器会在该元素的
前后添加换行。

<area> 标签定义图像映射内部的区域（图像映射指的是带有可点击
区域的图像）。
area 元素始终嵌套在 <map> 标签内部。
注释：<img> 标签中的 usemap 属性与 map 元素中的 name 相关联
，以创建图像与映射之间的关系。

<map><area ></area ></map>这个图片映射好好玩
<article> 标签定义独立的内容。
可能的 article 实例：
论坛帖子
报纸文章
博客条目
用户评论

<aside> 标签定义其所处内容之外的内容。
aside 的内容应该与附近的内容相关。
<aside> 标签是 HTML 5 的新标签。
提示和注释：
提示：<aside> 的内容可用作文章的侧栏。
注释：<article> 标签的内容独立于文档的其余部分。

<audio> 标签定义声音，比如音乐或其他音频流。
<audio> 标签是 HTML 5 的新标签。
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览
器就可以显示出不支持该标签的信息

<b> 标签定义粗体的文本。
<b> 标签用于强调某些文本。
但是在 HTML 4.01 中，我们的理解是使用 CSS 来制作粗体的文本。
在 HTML 5 中，我们仍然可以这么理解，不过我们应该使用 <b> 标
签定义文本中需要强调的部分。
如果您希望把文本标记为相比其他文本更为重要，应该使用
<strong> 标签。

<base> 标签为页面上的所有链接规定默认地址或默认目标。
浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来
解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标
签中的 URL。
<base> 标签必须位于 head 元素内部。
注释：在一个文档中，最多能使用一个 <base> 元素。

bdi 指的是 bidi 隔离。
<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置
。
在发布用户评论或其他您无法完全控制的内容时，该标签很有用。
<bdi> 标签是 HTML5 中的新标签。

<bdo> 标签覆盖默认的文本方向。ltr正向，rtl反向

<blockquote> 标签定义摘自另一个源的块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中
分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也
就是说，块引用拥有它们自己的空间。

<canvas> 标签是 HTML 5 中的新标签。
<canvas> 标签定义图形，比如图表和其他图像。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

<canvas> 的历史
这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，
但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想
绘制的东西都绘制到一块画布上。
<canvas> 标记由 Apple 在 Safari 1.3 Web 浏览器中引入。对
HTML 的这一根本扩展的原因在于，HTML 在 Safari 中的绘图能力也
为 Mac OS X 桌面的 Dashboard 组件所使用，并且 Apple 希望有一
种方式在 Dashboard 中支持脚本化的图形。
Firefox 1.5 和 Opera 9 都跟随了 Safari 的引领。这两个浏览器
都支持 <canvas> 标记。
我们甚至可以在 IE 中使用 <canvas> 标记，并在 IE 的 VML 支持
的基础上用开源的 JavaScript 代码（由 Google 发起）来构建兼容
性的画布。参见：http://excanvas.sourceforge.net/。
<canvas> 的标准化的努力由一个 Web 浏览器厂商的非正式协会在推
进，目前 <canvas> 已经成为 HTML 5 草案中一个正式的标签。参见
：http://www.whatwg.org/specs/web-apps/current-work/

<caption> 标签定义表格的标题。
<caption> 标签必须直接放置到 <table> 标签之后。
每个表格只能规定一个标题。
通常标题会居中显示在表格上方。

<cite> 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、
雕塑等等）的标题。
注释：人名不属于著作的标题。带斜体

以下元素都是短语元素。并不反对使用它们，但是通过使用样式表，
可能取得更丰富的效果。
<em> 呈现为被强调的文本。
<strong> 定义重要的文本。
<dfn> 定义一个定义项目。
<code> 定义计算机代码文本。
<samp> 定义样本文本。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在
与计算机相关的文档或手册中。
<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合
使用。
<cite> 定义引用。可使用该标签对参考文献的引用进行定义，比如
书籍或杂志的标题。

<col> 标签为表格中的一个或多个列定义属性值。
通过使用 <col> 标签，可以向整个列应用样式，而不需要重复为每
个单元格或每一行设置样式。

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化
。
通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复
为每个单元格或每一行设置样式。

command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时，该元素才是可见的。否
则不会显示这个元素，但是可以用它规定键盘快捷键。目前只有
Internet Explorer 支持 <command> 标签。
<command> 标签是 HTML 5 中的新标签。？？

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，
来定义 input 可能的值。
datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
<datalist> 标签是 HTML 5 中的新标签。
目前只有 Firefox 和 Opera 支持 <datalist> 标签。
这个不错我喜欢

<dd> 标签定义一个定义列表中对项目的描述。
<dt> 标签定义列表中的项目，而 <dd> 标签描述这些项目。

<del> 标签定义文档中已删除的文本。
提示：与 <ins> 一起使用，描述文档中的更新和修正。
del在文字中间划横线，属性cite和datetime不懂
ins在文字下方有横线

<details open="open"> 标签是 HTML 5 中的新标签。
目前只有 Chrome 支持 <details> 标签。
<details> 标签用于描述文档或文档某个部分的细节。
有点像下拉框

<div> 标签定义 HTML 文档中的分隔（division）或部分（section
）。
<div> 标签常用于组合块级元素，以便通过样式表来对这些元素进行
格式化。
注释：浏览器通常会在 div 元素之前和之后插入换行符。
提示：<div> 标签常用于对块级元素进行组合，这样就可以使用样式
对它们进行格式化。

<dl> 标签定义一个定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列
表中的项目）。

<fieldset> 标签用于从逻辑上将表单中的元素组合起来。
<fieldset> 标签会在相关表单元素周围绘制边框。
<legend> 标签为 fieldset 元素定义标题。
不错的框框表格，加上legend标签

<figcaption> 标签是 HTML 5 中的新标签。
<figcaption> 标签定义 figure 元素的标题（caption）。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个
子元素的位置。

<figure> 标签是 HTML 5 中的新标签。
提示：请使用 <figcaption> 元素为 figure 添加标题（caption）
。
<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）
。
figure 元素的内容应该与主内容相关，但如果被删除，则不应对文
档流产生影响。
用作文档中插图的图像

在 HTML 5 中，不支持 <font> 标签。请用 CSS 代替它。

<footer> 标签是 HTML 5 中的新标签。
<footer> 标签定义 section 或 document 的页脚。
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/
或者联系信息。
提示：假如您使用 footer 来插入联系信息，应该在 footer 元素内
使用 <address> 元素。

<form> 标签标签用于创建供用户输入的 HTML 表单。
form 元素包含一个或多个表单元素，比如：
button
input
keygen
object
output
select
textarea
HTML5 拥有一些新的属性，同时不再支持 HTML 4.01 中的某些属性
。

在 HTML 5 中不支持 <frame> 标签。
<frame> 标签定义框架集中的子窗口（框架）。
由于该标签对网页可用性的负面影响，在 HTML 5 中 <frame> 和
<frameset> 标签没有得到支持。

在 HTML 5 中不支持 <frameset> 标签。
<frameset> 标签定义框架集。它用于组织多个窗口（框架）。
由于该标签对网页可用性的负面影响，在 HTML 5 中 <frame> 和
<frameset> 标签没有得到支持。

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最
小的标题。
由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级
来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字
体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果
。
在 HTML 4.01 中，h1 - h6 元素的 "align" 属性不被赞成使用。
在 HTML 5 中，h1 - h6 元素的 "align" 属性不被支持。

head 元素是所有头部元素的容器。位于 <head> 内部的元素可以包
含脚本、指引浏览器找到样式表、提供元信息，等等。
下面是可用在 head 部分的标签：
<base>
<link>
<meta>
<script>
<style>
<title>
在 HTML 5 中不再支持 profile 属性。

<header> 标签是 HTML 5 中的新标签。
<header> 标签定义文档的页眉（介绍信息）。

<hgroup> 标签是 HTML 5 中的新标签。
<hgroup> 标签用于对网页或区段（section）的标题进行组合。
提示：请使用 <figcaption> 元素为元素组添加标题。

属性：在 HTML 4.01 中，不赞成使用 align, noshade, size 以及
width 属性。在 HTML 5 中不再支持这些属性。
在 HTML 5 中，<hr> 标签定义内容中的主题变化，并显示为一条水
平线。
在 HTML 4.01 中，它仅仅显示为一条水平线。

<html> 标签告知浏览器这是一个 HTML 文档。
html 元素是 HTML 文档中最外层的元素。
html 元素也可称为根元素。
HTML 4.01 与 HTML 5 之间的差异
在 HTML 4.01 中的 xmlns 属性，在 XHTML 中是必须的。实际上它
没有任何效果，但是出于验证的原因，在把 HTML 转换为 XHTML 的
过程中，是很有帮助的。在 HTML 5 中，没有理由这么做，但是你仍
然可以把 xmlns 属性定义为 "http://www.w3.org/1999/xhtml"。
在 HTML 5 中，有一个新属性：manifest。
注释：如果您出于某种原因，希望定义 xmlns 属性，唯一合法的值
是 "http://www.w3.org/1999/xhtml"

<i> 标签呈现斜体的文本。
<i> 标签定义与文本中其余部分不同的部分，并把这部分文本呈现为
斜体文本。在没有其他元素可以使用时，比如 <b>, <cite>, <dfn>,
<em>, <q>, <small>, <strong>，请使用 <i> 标签。

定义和用法
<iframe> 标签创建包含另一个文档的行内框架。
HTML 4.01 与 HTML 5 之间的差异
在 HTML 5 中，仅仅支持 src 属性
我也很喜欢哟

<img> 标签定义 HTML 页面中的图像。
请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到
HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
<img> 标签有两个必需的属性：src 和 alt。
alt规定图像的替换文本

<input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本
字段、复选框、密码字段、单选按钮、按钮等等。
在 HTML 4.01 中，"align" 属性已被废弃，HTML5 不支持该属性。
请使用 CSS 对 input 元素进行对齐操作。
HTML5 中的 <input> 标题拥有许多新的属性。
HTML5 中的 type 属性拥有许多新的值。
注释：input 元素是空的，它只包含属性。
提示：请使用 label 元素为表单控件定义标签（label）。

<ins> 标签定义文档的其余部分之外的插入文本。
提示：请与 <del> 标签一起使用，来描述对文档的更新和修正。

keygen 是 HTML5 中的新元素。
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时，私钥存储在本地，公钥发送到服务器。

<label> 标签为 input 元素定义标签（label）。
label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改
善了可用性，因为如果用户点击 label 元素内的文本，则会切换到
控件本身。
<label> 标签的 for 属性应该等于相关元素的 id 元素，以便将它
们捆绑起来。
label 标签 "form" 属性是 HTML5 中的新属性。
捆绑

legend 元素为以下元素定义标题（caption）：<fieldset>、
<figure>、<details>。
在 HTML 4.01 中，<legend> 标签仅应用于 <fieldset> 元素。
在 HTML5 中，<legend> 标签应用于以下元素: <fieldset>、
<figure>、<details>。

<li> 标签定义列表项，有序列表和无序列表中都使用 <li> 标签。
在 HTML 4.01 中，不赞成使用 "type" 和 "value" 属性。
在 HTML 5 中，不再支持 "type" 属性。
在 HTML 5 中，并没有不赞成使用 "value" 属性，但是仅能够与
<ol> 元素一起使用。
提示：请使用 CSS 来定义列表的类型。
<li value="8">Coffee</li>从8计数

<map> 标签用于定义客户端图像映射。图像映射指的是带有可点击区
域的图像。
name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap
属性相关联，以创建图像与映射之间的关系。
map 元素包含若干 area 元素，定义图像映射中的可点击区域。
带有可点击区域的图像映射
注释：在 HTML5 中，如果同时规定了 <map> 标签的 id 属性，则必
须为 name 属性规定相同的值。
注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像
映射中的区域。

<mark> 标签是 HTML 5 中的新标签。
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用
<m> 标签。
黄底背景

<menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。
在 HTML 4.01 中，不赞成使用 menu 元素。
在 HTML 5 中，重新定义了 menu 元素，且使用用于排列表单控件。
提示：请使用 CSS 来定义列表的类型。

<meter> 标签是 HTML 5 中的新标签。
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。注释：
必须定义度量的范围，既可以在元素的文本中，也可以在 min/max
属性中定义。
不知道这是啥

<nav> 标签是 HTML 5 中的新标签。
提示：如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中
。
<nav> 标签定义导航链接的部分。

在 HTML 5 中不支持 <noframes> 标签。
<noframes> 标签向浏览器显示无法处理框架的提示文本。

noscript 元素用来定义在脚本未被执行时的替代内容（文本）。
此标签用于可识别 <script> 标签但无法支持其中脚本的浏览器。
注释：如果浏览器支持脚本，那么它不会显示出 noscript 元素中的
文本。
注释：无法识别 <script> 标签的浏览器会把标签的内容显示到页面
上。为了避免浏览器这样做，您应当在注释标签中隐藏脚本。老式的
（无法识别 <script> 标签的）浏览器会忽略注释，这样就不会把标
签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它
们被包围在注释标签中！

<ol> 标签定义有序列表。
start start_on_number 规定起始数字。

<optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一
个长的选项列表时，对相关的选项进行组合会使处理更加容易。

<option> 标签定义下拉列表中的一个选项。
在 HTML 5 中，<option> 标签也用于新元素 <datalist> 中。
注释：<option> 标签能够在不带任何属性的情况下使用，但是通常
需要 value 属性，该属性定义了发送到服务器的数据。
注释：请与 <select> 或 <datalist> 标签结合使用。在其他地方，
<option> 标签是无意义的。

<output> 标签是 HTML 5 中的新标签。
<output> 标签定义不同类型的输出，比如脚本的输出。
不懂

param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，
也就是说，此标签可为包含它的 <object> 标签提供参数。
不懂

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常
会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。

<progress> 标签是 HTML 5 中的新标签。
<progress> 标签定义运行中的进度（进程）。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的
进度。
提示：请使用 <progress> 标签来显示下载的进度。

提示：请使用 cite 属性来定义该引用的来源。
提示：请使用 blockquote 元素来标记长的引用。
<q> 标签定义一个短的引用。
浏览器经常会在这种引用的周围插入引号。
引号呀

<ruby> 标签是 HTML 5 的新标签。
<rp> 标签是 HTML 5 的新标签。
<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器
所显示的内容。
ruby 注释是中文注音或字符。
在东亚使用，显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信
息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持
"ruby" 元素时显示的内容。
提示：支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。
不懂

<s> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使
用 CSS 代替。

<select> 标签创建下拉列表。

<small> 标签将旁注 (side comments) 呈现为小型文本。
免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本
。小型文本有时也用于新闻来源、许可要求。
对于由 em 元素强调过的或由 strong 元素标记为重要的文本，
small 元素不会取消对文本的强调，也不会降低这些文本的重要性。

<source> 标签是 HTML 5 中的新标签。
<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资
源。
不懂

<span> 标签用于对文档中的行内元素进行组合。
提示：请使用 span 元素对行内元素进行分组，以便通过样式对它们
进行格式化。
颜色变绿了

<sub> 标签可定义下标文本。<sup> 可定义上标文本。

<summary> 标签是 HTML 5 中的新标签。
<summary> 标签包含 details 元素的标题，"details" 元素用于描
述有关文档或文档片段的详细信息。
注释："summary" 元素应该是 "details" 元素的第一个子元素。

定义一个文本区域 (text-area) （一个多行的文本输入区域）。用
户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的
文本。文本区中的默认字体是等宽字体 (fixed pitch)。

<th> 标签定义 HTML 表格中的表头单元格。
HTML 表格有两种单元格类型：
表头单元格 - 包含头部信息（由 th 元素创建）
标准单元格 - 包含数据（由 td 元素创建）
th 元素中的文本呈现为粗体并且居中。
td 元素中的文本是普通的左对齐文本。

<time> 标签是 HTML 5 中的新标签。
<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移
是可选的。
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说
，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索
引擎也能够生成更智能的搜索结果。
不懂

<track> 标签是 HTML 5 中的新标签。
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件
是可见的。
播放带有字幕的视频
<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="subs_chi.srt" srclang="zh"
label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en"
label="English">
</video>

<ul> 标签定义无序列表。

<video> 标签是 HTML 5 的新标签。
<video> 标签定义视频，比如电影片段或其他视频流。
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览
器就可以显示出不支持该标签的信息。

<wbr> 标签是 HTML 5 中的新标签。
Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换
行符。
提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么
您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行
时机）。

<section> 标签是 HTML 5 中的新标签。
<section> 标签定义文档中的节（section、区段）。比如章节、页
眉、页脚或文档中的其他部分。

http://www.w3chtml.com/html5/tag/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 
charset=utf-8" />

<meta name="keywords" 
content="HTML,CSS,XML,XHTML,JavaScript" />
<meta name="description" content="w3c html web 技术标准教程 
。" />
<meta name="revised" content="w3chtml, 2008/8/8" />


<link rel="stylesheet" type="text/css" href="css/style.css" 
/>
<link rel="shortcut icon" href="" />
<title>无标题文档</title>
</head>

<body>


<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 
at WWDC, 
Apple announced the release of Safari 5 for Windows and 
Mac......
</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>

<audio src="image/blueberry.mp3" >听歌</audio>

<p>my </p><b>heart</b><strong> has broken.</strong>

<p>hello<bdi>:i don't mind</bdi> you</p>

<bdo dir="rtl">here is some text</bdo>
<br />


说过：
<blockquote>帝国主义都是纸老虎 
hjkfhjkdfghjklfghjk</blockquote>

<button type="button">click me!</button>

<br /><br />

<a href=""><canvas id="myCanvas"></canvas></a>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
//ctx.fillCircle(110,90,15);
</script>

<img src="image/1.jpg" border="0" usemap="#imgtest1" 
alt="test" />
<map name="imgtest1" id="imgtest1">
<area shape="circle" coords="110,90,15" 
href="index.html" alt="test1" />
<area shape="rect" coords="0,0,50,50" href="index.html" 
alt="test2"/>
</map>

<p><cite>富春山居图</cite>由黄公望始画于至正七年（1347），于 
至正十年完成。</p>

<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>

<table>
<col span="2" style="background:red" />
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>123</td>
<td>123123123</td>
<td>123</td>
</tr>
</table>

<menu>
<command οnclick="alert('Hello World')">Click Me! 
</command>
</menu>

<input id="myCar" list="cars"/>
<datalist id="cars">
<option value="BMW"></option>
<option value="Ford"></option>
<option value="Volvl"></option>
</datalist>

<p>a dozen is <del>21</del><ins>12</ins> 12 pieces</p>

<details open="open">
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this page web site are the 
property of w3school.</p>
</details>

<!--<embed src="image/blueberry.mp3" width="50" 
height="100"></embed>-->

<form>
<fieldset>
<legend>Personalia:</legend>
Name:<input type="text" /><br />
Email:<input type="text" /><br />
Data of birth: <input type="text" />
</fieldset>
</form>

<figure>
<figcaption>一张特立独行的图</figcaption>
<img src="image/1.jpg" width="350" height="234" />
</figure>

<figure>
<p>一张特立独行的图</p>
<img src="image/1.jpg" width="350" height="234" />
</figure>

<footer>this document was <address>written in 
2010</address></footer>

<form action="">
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>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>

<p>The <i class="taxonomy">Felis silvestris catus</i> is 
cute.</p>
<p>The term <i>prose content</i> is defined above.</p>
<p>There is a certain <i lang="fr">je ne sais quoi</i> in 
the air.</p>

<iframe src="index.html" width="1200" height="900"></iframe>

<form action="" method="get">
Username:<input type="text" name="usr_name" />
Encryption:<keygen name="security">
<input type="submit" />
</form>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" 
checked="checked"/>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>

<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>

<p>do not forget to buy <mark>milk</mark> today.</p>

<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu>

 

<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>
<meter>30%</meter>
<meter>30%</meter>

<nav>
<a href="index.html">home</a>
<a href="paypal.html">paypal</a>
</nav>

<object data="image/blueberry.mp3"></object>

<select>
<optgroup label="hello">
<option value="ku">Ku</option>
<option value="gou">Gou</option>
</optgroup>
<optgroup label="hi">
<option value="wor">Wor</option>
<option value="rd">Rd</option>
</optgroup>
</select>

<form action="" method="">
<output name="sum"></output>
</form>

<object id="1" width="100" height="50">
<param name="a" value="1" />
<param name="b" value="0" />
<param name="c" value="1" />
<param name="d" value="0" />
<param name="e" value="10" />
</object>

<progress>
<span id="objprogress">85</span>%
</progress>

<p>wwf's goal is to:
<q cite="http://www.wwf.org">
build a future where people live in harmony with nature
</q>
we hope they succeed.</p>


<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

<script>
document.write("Hello world")
</script>


<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

<dl>
<dt>单人间</dt>
<dd>399元<small>含早餐，不含税</small></dd>
<dt>双人间</dt>
<dd>599元<small>含早餐，不含税</small></dd>
</dl>

<source src="image/blueberry.mp3"></source>

<p>This is a paragraph <span style="color:#00ff00;">This is 
a paragraph </span></p>

这段文本包含<sub>下标</sub>
这段文本包含<sup>上标</sup>

<details>
<summary>html5</summary>
this is document teaches you everything you have to 
learn about html5
</details>

<textarea rows="3" cols="30">
这里是文本域中的文本。。。。。。。。
</textarea>

 

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。 
</p>


<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="subs_chi.srt" srclang="zh" 
label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en" 
label="English">
</video>


<p>
如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对 
象。
</p>

<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>


</body>
</html>

转载于:https://www.cnblogs.com/liao13160678112/p/6398331.html