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