一、HTML 5的最新进展
W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。
二、HTML5的新特性
HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>。通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。
三、HTML5的标签
标签 | 描述 | 4 | 5 |
定义注释。 | 4 | 5 | |
定义文档类型。 | 4 | 5 | |
定义超链接。 | 4 | 5 | |
定义缩写。 | 4 | 5 | |
不支持。定义首字母缩写。 | 4 |
| |
定义地址元素。 | 4 | 5 | |
不支持。定义 applet。 | 4 |
| |
定义图像映射中的区域。 | 4 | 5 | |
定义 article。 |
| 5 | |
定义页面内容之外的内容。 |
| 5 | |
定义声音内容。 |
| 5 | |
定义粗体文本。 | 4 | 5 | |
定义页面中所有链接的基准 URL。 | 4 | 5 | |
不支持。请使用 CSS 代替。 | 4 |
| |
定义文本显示的方向。 | 4 | 5 | |
不支持。定义大号文本。 | 4 |
| |
定义长的引用。 | 4 | 5 | |
定义 body 元素。 | 4 | 5 | |
插入换行符。 | 4 | 5 | |
定义按钮。 | 4 | 5 | |
定义图形。 |
| 5 | |
定义表格标题。 | 4 | 5 | |
不支持。定义居中的文本。 | 4 |
| |
定义引用。 | 4 | 5 | |
定义计算机代码文本。 | 4 | 5 | |
定义表格列的属性。 | 4 | 5 | |
定义表格列的分组。 | 4 | 5 | |
定义命令按钮。 |
| 5 | |
定义树列表 (tree-list) 中的数据。 |
| 5 | |
定义下拉列表。 |
| 5 | |
定义数据模板。 |
| 5 | |
定义定义的描述。 | 4 | 5 | |
定义删除文本。 | 4 | 5 | |
定义元素的细节。 |
| 5 | |
定义对话(会话)。 |
| 5 | |
不支持。定义目录列表。 | 4 |
| |
定义文档中的一个部分。 | 4 | 5 | |
定义定义项目。 | 4 | 5 | |
定义定义列表。 | 4 | 5 | |
定义定义的项目。 | 4 | 5 | |
定义强调文本。 | 4 | 5 | |
定义外部交互内容或插件。 |
| 5 | |
为服务器发送的事件定义目标。 |
| 5 | |
定义 fieldset。 | 4 | 5 | |
定义媒介内容的分组,以及它们的标题。 |
| 5 | |
不赞成。定义文本的字体、尺寸和颜色。 | 4 |
| |
定义 section 或 page 的页脚。 |
| 5 | |
定义表单。 | 4 | 5 | |
不支持。定义子窗口(框架)。 | 4 |
| |
不支持。定义框架的集。 | 4 |
| |
定义标题 1 到标题 6。 | 4 | 5 | |
定义关于文档的信息。 | 4 | 5 | |
定义 section 或 page 的页眉。 |
| 5 | |
定义水平线。 | 4 | 5 | |
定义 html 文档。 | 4 | 5 | |
定义斜体文本。 | 4 | 5 | |
定义行内的子窗口(框架)。 | 4 | 5 | |
定义图像。 | 4 | 5 | |
定义输入域。 | 4 | 5 | |
定义插入文本。 | 4 | 5 | |
<isindex> | 不支持。定义单行的输入域。 | 4 |
|
定义键盘文本。 | 4 | 5 | |
定义表单控件的标注。 | 4 | 5 | |
定义 fieldset 中的标题。 | 4 | 5 | |
定义列表的项目。 | 4 | 5 | |
定义资源引用。 | 4 | 5 | |
定义有记号的文本。 |
| 5 | |
定义图像映射。 | 4 | 5 | |
定义菜单列表。 | 4 | 5 | |
定义元信息。 | 4 | 5 | |
定义预定义范围内的度量。 |
| 5 | |
定义导航链接。 |
| 5 | |
定义数据模板中的嵌套点。 |
| 5 | |
不支持。定义 noframe 部分。 | 4 |
| |
不支持。定义 noscript 部分。 | 4 |
| |
定义嵌入对象。 | 4 | 5 | |
定义有序列表。 | 4 | 5 | |
定义选项组。 | 4 | 5 | |
定义下拉列表中的选项。 | 4 | 5 | |
定义输出的一些类型。 |
| 5 | |
定义段落。 | 4 | 5 | |
为对象定义参数。 | 4 | 5 | |
定义预格式化文本。 | 4 | 5 | |
定义任何类型的任务的进度。 |
| 5 | |
定义短的引用。 | 4 | 5 | |
为升级模板定义规则。 |
| 5 | |
不支持。定义加删除线的文本。 | 4 |
| |
定义样本计算机代码。 | 4 | 5 | |
定义脚本。 | 4 | 5 | |
定义 section。 |
| 5 | |
定义可选列表。 | 4 | 5 | |
不支持。定义小号文本。 | 4 | 5 | |
定义媒介源。 |
| 5 | |
定义文档中的 section。 | 4 | 5 | |
不支持。定义加删除线的文本。 | 4 |
| |
定义强调文本。 | 4 | 5 | |
定义样式定义。 | 4 | 5 | |
定义上标文本。 | 4 | 5 | |
定义下标文本。 | 4 | 5 | |
定义表格。 | 4 | 5 | |
定义表格的主体。 | 4 | 5 | |
定义表格单元。 | 4 | 5 | |
定义 textarea。 | 4 | 5 | |
定义表格的脚注。 | 4 | 5 | |
定义表头。 | 4 | 5 | |
定义表头。 | 4 | 5 | |
定义日期/时间。 |
| 5 | |
定义文档的标题。 | 4 | 5 | |
定义表格行。 | 4 | 5 | |
不支持。定义打字机文本。 | 4 |
| |
不支持。定义下划线文本。 | 4 |
| |
定义无序列表。 | 4 | 5 | |
定义变量。 | 4 | 5 | |
定义视频。 |
| 5 | |
<xmp> | 不支持。定义预格式文本。 | 4 | 5 |
四、HTML 5 标准属性
HTML 标签拥有属性。您可以在每个标签的参考页中找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。
HTML 4.01 与 HTML 5 之间的差异
HTML 5 中的新属性: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 | true | 设置是否允许用户编辑元素。 |
| 5 |
contentextmenu | id of a menu element | 给元素设置一个上下文菜单。 |
| 5 |
dir | ltr | 设置文本方向。 | 4 | 5 |
draggable | true | 设置是否允许用户拖动元素。 |
| 5 |
id | id_name | 元素的唯一 id。 | 4 | 5 |
irrelevant | true | 设置元素是否相关。不显示非相关的元素。 |
| 5 |
lang | language_code | 设置语言码。 | 4 | 5 |
ref | url or elementID | 引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用。 |
| 5 |
registrationmark | registration mark | 为元素设置拍照。可规定于任何 <rule> 元素的后代元素,除了 <nest> 元素。 |
| 5 |
style | style_definition | 行内的样式定义。 | 4 | 5 |
tabindex | number | 设置元素的 tab 顺序。 | 4 | 5 |
template | url or elementID | 引用应该应用到该元素的另一个文档或本文档上另一个位置。 |
| 5 |
title | tooltip_text | 显示在工具提示中的文本。 | 4 | 5 |
五、HTML 5 事件属性
HTML 4 增加了通过事件触发浏览器中行为的能力,比如当用户点击某个元素时启动一段 JavaScript。如果需要学习更多有关使用这些事件进行编程的内容,请学习我们的 JavaScript 教程 和 DHTML 教程。
下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。
HTML 4.01 与 HTML 5 之间的差异
HTML 5 中的新事件:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
不再支持的 HTML 4.01 属性:onreset。
Event 属性
· 4: 指示该属性是否在 HTML 4.01 中定义
· 5: 指示该属性是否在 HTML 5 中定义
属性 | 值 | 描述 | 4 | 5 |
onabort | script | 发生 abort 事件时运行脚本。 |
| 5 |
onbeforeonload | script | 在元素加载前运行脚本。 |
| 5 |
onbeforeunload | script | 在元素未加载前运行脚本。 |
|
|
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 |