HTML5来了
HTML5现在火,不火就怪了。很好,很弓虽大,哈哈!希望是个“喜剧”,而且不断的“演”下去。
先了解一下HTML5:
W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>。
通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。
记录HTML5标签元素相对HTML4.01标签的不同处:
| 未作修整的元素此表不一一列出,查看详细表格 | |
| HTML5新增标签 | |
| 标签 | 描述 |
| <article> | 定义 article。 |
| <aside> | 定义页面内容之外的内容。 |
| <audio> | 定义声音内容。 |
| <canvas> | 定义图形。 |
| <command> | 定义命令按钮。 |
| <datagrid> | 定义树列表 (tree-list) 中的数据。 |
| <datalist> | 定义下拉列表。 |
| <datatemplate> | 定义数据模板。 |
| <details> | 定义元素的细节。 |
| <dialog> | 定义对话(会话)。 |
| <embed> | 定义外部交互内容或插件。 |
| <event-source> | 为服务器发送的事件定义目标。 |
| <figure> | 定义媒介内容的分组,以及它们的标题。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <header> | 定义 section 或 page 的页眉。 |
| <m> | 定义有记号的文本。 |
| <meter> | 定义预定义范围内的度量。 |
| <nav> | 定义导航链接。 |
| <nest> | 定义数据模板中的嵌套点。 |
| <output> | 定义输出的一些类型。 |
| <progress> | 定义任何类型的任务的进度。 |
| <rule> | 为升级模板定义规则。 |
| <section> | 定义 section。 |
| <source> | 定义媒介源。 |
| <time> | 定义日期/时间。 |
| <video> | 定义视频。 |
| HTML5删减标签 | |
| <acronym> | 不支持。定义首字母缩写。 |
| <applet> | 不支持。定义 applet。 |
| <basefont> | 不支持。请使用 CSS 代替。 |
| <big> | 不支持。定义大号文本。 |
| <center> | 不支持。定义居中的文本。 |
| <dir> | 不支持。定义目录列表。 |
| <font> | 不赞成。定义文本的字体、尺寸和颜色。 |
| <frame> | 不支持。定义子窗口(框架)。 |
| <frameset> | 不支持。定义框架的集。 |
| <isindex> | 不支持。定义单行的输入域。 |
| <noframes> | 不支持。定义 noframe 部分。 |
| <noscript> | 不支持。定义 noscript 部分。 |
| <s> | 不支持。定义加删除线的文本。 |
| <strike> | 不支持。定义加删除线的文本。 |
| <tt> | 不支持。定义打字机文本。 |
| <u> | 不支持。定义下划线文本。 |
记录HTML5标签元素相对HTML4.01属性的不同处:
| 未作修整的属性此表不一一列出,查看详细表格 | ||
| HTML5新增属性 | ||
| 属性 | 值 | 描述 |
| contenteditable | true、 false |
设置是否允许用户编辑元素。 |
| contentextmenu | id of a menu element | 给元素设置一个上下文菜单。 |
| draggable | true、 false、 auto |
设置是否允许用户拖动元素。 |
| irrelevant | true、 false |
设置元素是否相关。不显示非相关的元素。 |
| ref | url or elementID | 引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用。 |
| registrationmark | registration mark | 为元素设置拍照。可规定于任何 <rule> 元素的后代元素,除了 <nest> 元素。 |
| template | url or elementID | 引用应该应用到该元素的另一个文档或本文档上另一个位置。 |
| HTML5删减属性 | ||
| acceskey | a character | 设置访问一个元素的键盘快捷键。不支持。HTML4.01版本已不支持。 |
记录HTML5标签元素相对HTML4.01事件属性的不同处:
| 未作修整的事件属性此表不一一列出,查看详细表格 | ||
| HTML5新增事件属性 | ||
| 属性 | 值 | 描述 |
| onabort | script | 发生 abort 事件时运行脚本。 |
| onbeforeonload | script | 在元素加载前运行脚本。 |
| oncontextmenu | script | 当菜单被触发时运行脚本。 |
| ondrag | script | 只要脚本在被拖动就允许脚本。 |
| ondragend | script | 在拖动操作结束时运行脚本。 |
| ondragenter | script | 当元素被拖动到一个合法的放置目标时,执行脚本。 |
| ondragleave | script | 当元素离开合法的放置目标时。 |
| ondragover | script | 只要元素正在合法的放置目标上拖动时,就执行脚本。 |
| ondragstart | script | 在拖动操作开始时执行脚本。 |
| ondrop | script | 当元素正在被拖动时执行脚本。 |
| onerror | script | 当元素加载的过程中出现错误时执行脚本。 |
| onmessage | script | 当 message 事件触发时执行脚本。 |
| onmousewheel | script | 当鼠标滚轮滚动时执行脚本。 |
| onresize | script | 当元素调整大小时运行脚本。 |
| onscroll | script | 当元素滚动条被滚动时执行脚本。 |
| onunload | script | 当文档卸载时运行脚本。 |
| HTML5删减事件属性 | ||
| onbeforeunload | script | 在元素未加载前运行脚本。 |
| onreset | script | 当表单重置时执行脚本。不支持。 |
总结:HTML5提供了一系列新的元素和属性,并新增了新的视频和音频功能(<audio>、<video>),取消了一些过时的标签、属性、事件属性。强化了网页的表现性能,追加了本地数据库等Web应用功能。
推荐阅读:
- 5 Exciting Things to Look Forward to in HTML 5
- 各浏览器对css3和html5的兼容表
- 维基百科:HTML 5
- W3C:HTML 5
- Google 发布介绍 HTML 5 新特性的视频
标签:html5