HTML标签【21-30】

21.<canvas> ：定义图形，比如图表和其他图像。H5新标签。图形容器，必须使用脚本来绘制图形。IE9+, Firefox, Opera, Chrome 以及 Safari 支持。
<canvas> 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑，只要从其描述中移除元素就行。要从同一图形的一个 <canvas> 标记中移除元素，往往需要擦掉绘图重新绘制它。

<canvas id="myCanvas" height="100" width="100"></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>

那么如何使用 <canvas> 标记绘图呢？
大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上，而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。
Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。
一旦定义了路径，其他的方法，如 fill()，都是对此路径操作。绘图环境的各种属性，比如 fillStyle，说明了这些操作如何使用。
注释：Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 <canvas> 图形，必须要么自己绘制它再用位图图像合并它，或者在 <canvas> 上方使用 CSS 定位来覆盖 HTML 文本。
22.<caption> ：定义表格的标题。必须紧随 table 标签之后。只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。align【left、right、top、bottom】不赞成使用。请使用样式取代。

<table border="1">  <caption>Monthly savings</caption>  <tr>    <th>Month</th>    <th>Savings</th>  </tr>  <tr>    <td>January</td>    <td>$100</td>  </tr></table>

23.<center> ：对其所包括的文本进行水平居中。请使用 CSS 样式来居中文本！
标准属性【id, class, title, style, dir, lang, xml:lang】
事件属性【onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup】
24.<cite> 通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。按照惯例，引用的文本将以斜体显示。
用 <cite> 把指向其他文档的引用分离出来，尤其是分离那些传统媒体中的文档，如书籍、杂志、期刊，等等。如果引用的这些文档有联机版本，还应该把引用包括在一个 标签中，从而把一个超链接指向该联机版本。
还有一个隐藏的功能：它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器，它能够自动整理引用表格，并把它们作为脚注或者独立的文档来显示。 的语义已经远远超过了改变它所包含的文本外观的作用；它使浏览器能够以各种实用的方式来向用户表达文档的内容。
25.<em> <strong> <dfn> <code> <samp> <kbd><var> <cite> ：
都是短语元素，不反对使用，建议使用样式表。
<em> 把文本定义为强调的内容。
<strong>把文本定义为语气更强的强调的内容。
<dfn>定义一个定义项目。
<code>定义计算机代码文本。
<samp>定义样本文本。
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。
标准属性【id, class, title, style, dir, lang, xml:lang】
事件属性【onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup】
26.<col> ：为表格中一个或多个列定义属性值。只能在 table 或 colgroup 元素中使用。<col> 没有结束标签。
提示：如果您希望在 colgroup 内部为每个列规定不同的属性值时，请使用此元素。如果没有 col 元素，列会从 colgroup 那里继承所有的属性值。
注释：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。
可选的属性
align【right、left、center、justify】规定与 col 元素相关的内容的水平对齐方式。
char【char character】规定根据哪个字符来对齐与 col 元素相关的内容。
charoff 【number】 规定第一个对齐字符的偏移量。
span【number】 规定 col 元素应该横跨的列数。
valign【top、middle、bottom、baseline】定义与 col 元素相关的内容的垂直对齐方式。
width【pixels、%、relative_length】规定 col 元素的宽度。

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

27.<colgroup> ：用于对表格中的列进行组合，以便对其进行格式化。只能在table元素中使用。所有主流浏览器都支持。Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。可选属性同<col>。

<table width="100%" border="1">  <colgroup span="2" align="left"></colgroup>  <colgroup align="right" style="color:#0000FF;"></colgroup>  <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>

27.<command>：仅IE9支持。表示用户能够调用的命令。可以定义命令按钮，比如单选按钮、复选按钮或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。H5新标签。
HTML5 中的新属性。
checked【checked】定义是否被选中。仅用于 radio 或 checkbox 类型。
disabled【disabled】定义 command 是否可用。
icon【url】定义作为 command 来显示的图像的 url。
label【text】为 command 定义可见的 label。
radiogroup【groupname】定义 command 所属的组名。仅在类型为 radio 时使用。
type【checkbox、command、radio】定义该 command 的类型。默认是 “command”。

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

28.<datalist> ：定义选项列表。与input元素配合使用，定义input可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。所有主流浏览器都支持 <datalist> 标签，除了 Internet Explorer 和 Safari。H5新标签。

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

29.<dd> ：定义列表中定义条目的定义部分。

<dl>   <dt>计算机</dt>   <dd>用来计算的仪器 ... ...</dd>   <dt>显示器</dt>   <dd>以视觉方式显示信息的装置 ... ...</dd></dl>

30.<del> ：定义文档中已被删除的文本。与<ins> 标签配合使用，来描述文档中的更新和修正。
可选属性
cite【URL】指向另外一个文档的 URL，此文档可解释文本被删除的原因。
datetime【YYYYMMDD】定义文本被删除的日期和时间。

a dozen is <del>20</del> 12 pieces