Html5 系列之：新特性概览

序

说到Html5你首先想到的是什么？下一代html标准.新的Form表单元素Canvas绘图离线存储支持音频视频播放其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。。。不错，Html5有很多很酷的新特性，但是现在还只是一个草案标准，加上各个浏览器对每个特性的支持不一，使得目前html5还没有被广泛的使用。那么和前一个版本相比，html5有哪些变化呢，通过下面的表格你可以清楚的看到。

属性之间的差异

HTML5 中的新属性： contenteditable, contextmenu, draggable, irrelevant, ref, registrationmark, template。HTML 4.01 中不再支持的属性：accesskey。

属性

属性	值	描述	4	5
acceskey	a character	设置访问一个元素的键盘快捷键。不支持。	4
class	class_rule or style_rule	元素的类名。	4	5
contenteditable	truefalse	设置是否允许用户编辑元素。		5
contentextmenu	id of a menu element	给元素设置一个上下文菜单。		5
dir	ltrrtl	设置文本方向。	4	5
draggable	truefalseauto	设置是否允许用户拖动元素。		5
id	id_name	元素的唯一 id。	4	5
irrelevant	truefalse	设置元素是否相关。不显示非相关的元素。		5
lang	language_code	设置语言码。	4	5
ref	url orelementID	引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用。		5
registrationmark	registration mark	为元素设置拍照。可规定于任何 <rule> 元素的后代元素，除了 <nest> 元素。		5
style	style_definition	行内的样式定义。	4	5
tabindex	number	设置元素的 tab 顺序。	4	5
template	url orelementID	引用应该应用到该元素的另一个文档或本文档上另一个位置。		5
title	tooltip_text	显示在工具提示中的文本。	4	5

事件之间的差异

HTML5 中的新事件： onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。不再支持的 HTML 4.01 属性：onreset。

属性	值	描述	4	5
onabort	script	发生 abort 事件时运行脚本。		5
onbeforeonload	script	在元素加载前运行脚本。		5
onblur	script	当元素失去焦点时运行脚本。	4	5
onchange	script	当元素改变时运行脚本。	4	5
onclick	script	在鼠标点击时允许脚本。	4	5
oncontextmenu	script	当菜单被触发时运行脚本。		5
ondblclick	script	当鼠标双击时运行脚本。	4	5
ondrag	script	只要脚本在被拖动就允许脚本。		5
ondragend	script	在拖动操作结束时运行脚本。		5
ondragenter	script	当元素被拖动到一个合法的放置目标时，执行脚本。		5
ondragleave	script	当元素离开合法的放置目标时。		5
ondragover	script	只要元素正在合法的放置目标上拖动时，就执行脚本。		5
ondragstart	script	在拖动操作开始时执行脚本。		5
ondrop	script	当元素正在被拖动时执行脚本。		5
onerror	script	当元素加载的过程中出现错误时执行脚本。		5
onfocus	script	当元素获得焦点时执行脚本。	4	5
onkeydown	script	当按钮按下时执行脚本。	4	5
onkeypress	script	当按键被按下时执行脚本。	4	5
onkeyup	script	当按钮松开时执行脚本。	4	5
onload	script	当文档加载时执行脚本。	4	5
onmessage	script	当 message 事件触发时执行脚本。		5
onmousedown	script	当鼠标按钮按下时执行脚本。	4	5
onmousemove	script	当鼠标指针移动时执行脚本。	4	5
onmouseover	script	当鼠标指针移动到一个元素上时执行脚本。	4	5
onmouseout	script	当鼠标指针移出元素时执行脚本。	4	5
onmouseup	script	当鼠标按钮松开时执行脚本。	4	5
onmousewheel	script	当鼠标滚轮滚动时执行脚本。		5
onreset	script	当表单重置时执行脚本。不支持。	4
onresize	script	当元素调整大小时运行脚本。		5
onscroll	script	当元素滚动条被滚动时执行脚本。		5
onselect	script	当元素被选中时执行脚本。	4	5
onsubmit	script	当表单提交时运行脚本。	4	5
onunload	script	当文档卸载时运行脚本。		5

新增标签

HTML5 中的新标签： <header>, <section>, <footer>,<aside>, <audio>, <canvas>，<command>, <details>, <figure>等

标签	描述	4	5
<acronym>	不支持。定义首字母缩写。	4
<address>	定义地址元素。	4	5
<applet>	不支持。定义 applet。	4
<article>	定义 article。		5
<aside>	定义页面内容之外的内容。		5
<audio>	定义声音内容。		5
<basefont>	不支持。请使用 CSS 代替。	4
<big>	不支持。定义大号文本。	4
<canvas>	定义图形。		5
<center>	不支持。定义居中的文本。	4
<command>	定义命令按钮。		5
<datagrid>	定义树列表 (tree-list) 中的数据。		5
<datalist>	定义下拉列表。		5
<datatemplate>	定义数据模板。		5
<details>	定义元素的细节。		5
<dialog>	定义对话（会话）。		5
<dir>	不支持。定义目录列表。	4
<embed>	定义外部交互内容或插件。		5
<event-source>	为服务器发送的事件定义目标。		5
<figure>	定义媒介内容的分组，以及它们的标题。		5
<font>	不赞成。定义文本的字体、尺寸和颜色。	4
<footer>	定义 section 或 page 的页脚。		5
<frame>	不支持。定义子窗口（框架）。	4
<frameset>	不支持。定义框架的集。	4
<header>	定义 section 或 page 的页眉。		5
<isindex>	不支持。定义单行的输入域。	4
<m>	定义有记号的文本。		5
<meter>	定义预定义范围内的度量。		5
<nav>	定义导航链接。		5
<nest>	定义数据模板中的嵌套点。		5
<noframes>	不支持。定义 noframe 部分。	4
<noscript>	不支持。定义 noscript 部分。	4
<output>	定义输出的一些类型。		5
<progress>	定义任何类型的任务的进度。		5
<rule>	为升级模板定义规则。		5
<s>	不支持。定义加删除线的文本。	4
<section>	定义 section。		5
<source>	定义媒介源。		5
<strike>	不支持。定义加删除线的文本。	4
<time>	定义日期/时间。		5
<tt>	不支持。定义打字机文本。	4
<u>	不支持。定义下划线文本。	4
<video>	定义视频。		5