HTML5中增删的标签总结

< applet>

   在HTML5中已经取消了applet标签的使用。Applet可以翻译为小应用程序，Java Applet就是用Java语言编写的这样的一些小应用程序，它们可以直接嵌入到网页或者其他特定的容器中，并能够产生特殊的效果。

      Applet 小应用程序的实现主要依靠java.applet包中的Applet类。与一般的应用程序不同，Applet应用程序必须嵌入在HTML页面中，才能得到解释执行；同时Applet可以从Web页面中获得参数，并和Web页面进行交互。含有Applet的网页的HTML文件代码中部带有<applet> 和</applet>这样一对标记，当支持Java的网络浏览器遇到这对标记时，就将下载相应的小应用程序代码并在本地计算机上执行该Applet。Java Applet 是用Java 语言编写的一些小应用程序，这些程序是直接嵌入到页面中，由支持Java的浏览器(IE 或Netscape)解释执行能够产生特殊效果的程序。它可以大大提高Web页面的交互能力和动态执行能力。包含Applet的网页被称为Java-powered页，可以称其为Java支持的网页。在Java Applet中，可以实现图形绘制，字体和颜色控制，动画和声音的插入，人机交互及网络交流等功能。 Applet还提供了名为抽象窗口工具箱（AbstractWindow Toolkit， AWT）的窗口环境开发工具。 AWT利用用户计算机的GUI元素，可以建立标准的图形用户界面，如窗口、按钮、滚动条等等。这些是开发者在网页中加入applet标签的主要原因。

     但是，显然Applet这些功能在新的html5中已经不再重要，因为html5本身就可以实现了。尤其是html5在音视频、绘图方面的进步。而且，html5更加灵活，更易于使用和修改。HTML 4.01 中不赞成使用 applet 元素。HTML 5 中不支持 applet 元素。提示：HTML 5 中不支持 applet 元素。请使用 <object> 代替。

 

<acronym>

<acronym> 标签定义首字母缩写词，比如 "NASA"。通过对只取首字母缩写进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

HTML 5 不支持 <acronym>。使用 <abbr> 代替。

<acronym title="World Wide Web">WWW</acronym>

<article>

<article> 标签是 HTML 5 的新标签，定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。注释：<article> 标签的内容独立于文档的其余部分。

<article>
<h2>Netscape Is Dead</h2>
AOL has now officially announced that they will end 
the development and support of all Netscape browsers.
</article>

 

<aside>

<aside> 标签是html5新标签，定义 article 以外的内容。aside 的内容应该与 article 的内容相关。注释：<aside> 的内容可用作文档的侧栏。

<aside>Aside 的内容是独立的内容，但应与文档内容相关。</aside>

 

<audio>

<audio> 标签是html5新标签，定义声音

<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

属性

属性	值	描述
autoplay	true | false	如果是 true，则音频在就绪后马上播放。
controls	true | false	如果是 true，则向用户显示控件，比如播放按钮。
end	numeric value	定义播放器在音频流中的何处停止播放。默认地，声音会播放到结尾。
loopend	numeric value	定义在音频流中循环播放停止的位置，默认是 end 属性的值。
loopstart	numeric value	定义在音频流中循环播放的开始位置。默认是 start 属性的值。
playcount	numeric value	定义音频片断播放多少次。默认是 1。
src	url	所播放音频的 url。
start	numeric value	定义播放器在音频流中开始播放的位置。默认地，声音在开头进行播放。

 

<basefont>

<basefont> 标签定义基准字体。HTML 5 不支持 <basefont> 标签。请用 CSS 代替。

 

<big>

<big> 标签制作更大的文本。HTML 5 不支持 <big> 标签。请用 CSS 代替。

 

<canvas>

<canvas> 标签定义图形，比如图表和其他图像。是 HTML 5 中的新标签。

<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 发起）来构建兼容性的画布。

<canvas> 的标准化的努力由一个 Web 浏览器厂商的非正式协会在推进，目前 <canvas> 已经成为 HTML 5 草案中一个正式的标签。

<canvas> 标记和 SVG 以及 VML 之间的差异: <canvas> 标记和 SVG 以及 VML 之间的一个重要的不同是，<canvas> 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。

这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG 绘图很容易编辑，只要从其描述中移除元素就行。要从同一图形的一个 <canvas> 标记中移除元素，往往需要擦掉绘图重新绘制它。

如何使用 <canvas> 标记绘图: 大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上，而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。

Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。

一旦定义了路径，其他的方法，如 fill()，都是对此路径操作。绘图环境的各种属性，比如 fillStyle，说明了这些操作如何使用。

注释：Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 <canvas> 图形，必须要么自己绘制它再用位图图像合并它，或者在 <canvas> 上方使用 CSS 定位来覆盖 HTML 文本。

 

<script type="text/javascript">
function drawCanvas()
{
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
}
</script>
...


<canvas id="myCanvas">
your browser does not support the canvas tag
</canvas>

<center>

<center> 标签对其包围的文本进行水平居中处理。在 HTML 5 中，不支持该标签。请使用 CSS 代替。

<command>

<command> 标签定义命令按钮，比如单选按钮、复选框或按钮。是 HTML 5 中的新标签。

属性

属性	值	描述
checked	true | false	定义是否被选中。仅用于 radio 或 checkbox 类型。
default	true | false	如果为 true，则被激活。仅用于该 command 位于菜单中时。
disabled	true | false	定义 command 是否可用。
hidden	true | false	定义 command 是否可见。
icon	url	定义作为 command 来显示的图像的 url。
label	command name	为 command 定义名称。label 是可见的。
radiogroup	name of radiogroup	定义该 command 所属的 radiogroup 的名称。仅在类型为 radio 时使用。
type	checkbox command radio	定义该 command 的类型。默认是 command。

 

 <datagrid>

<datagrid> 标签定义可选数据的列表。datagrid 作为树列表来显示。是 HTML 5 中的新标签。

属性

属性	值	描述
disabled	true | false	如果为 true，则禁用整个 datagrid。
multiple	true | false	如果为 true，则可以在 datagrid 中选择一个以上的项目。

<datalist>

<datalist> 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。是 HTML 5 中的新标签。

属性

属性	值	描述
data	value	供自动插入数据。

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

<datatemplate>

<datatemplate> 标签定义数据模板的一个容器。该元素必须有定义模板的子元素：<rule> 元素。是 HTML 5 中的新标签。

<details>

<details> 标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。是 HTML 5 中的新标签。

属性

属性	值	描述
open	true | false	定义 details 是否可见。默认是 false。

提示：与 <legend> 一起使用，来制作 detail 的标题。该标题对用户是可见的，当在其上点击时可打开或关闭 detail。