HTML5标准手册

一、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

<!DOCTYPE> 

定义文档类型。

4

5

<a>

定义超链接。

4

5

<abbr>

定义缩写。

4

5

<acronym>

不支持。定义首字母缩写。

4

 

<address>

定义地址元素。

4

5

<applet>

不支持。定义 applet

4

 

<area>

定义图像映射中的区域。

4

5

<article>

定义 article

 

5

<aside>

定义页面内容之外的内容。

 

5

<audio>

定义声音内容。

 

5

<b>

定义粗体文本。

4

5

<base>

定义页面中所有链接的基准 URL

4

5

<basefont>

不支持。请使用 CSS 代替。

4

 

<bdo>

定义文本显示的方向。

4

5

<big>

不支持。定义大号文本。

4

 

<blockquote>

定义长的引用。

4

5

<body>

定义 body 元素。

4

5

<br>

插入换行符。

4

5

<button>

定义按钮。

4

5

<canvas>

定义图形。

 

5

<caption>

定义表格标题。

4

5

<center>

不支持。定义居中的文本。

4

 

<cite>

定义引用。

4

5

<code>

定义计算机代码文本。

4

5

<col>

定义表格列的属性。

4

5

<colgroup>

定义表格列的分组。

4

5

<command>

定义命令按钮。

 

5

<datagrid>

定义树列表 (tree-list) 中的数据。

 

5

<datalist>

定义下拉列表。

 

5

<datatemplate>

定义数据模板。

 

5

<dd>

定义定义的描述。

4

5

<del>

定义删除文本。

4

5

<details>

定义元素的细节。

 

5

<dialog>

定义对话(会话)。

 

5

<dir>

不支持。定义目录列表。

4

 

<div>

定义文档中的一个部分。

4

5

<dfn>

定义定义项目。

4

5

<dl>

定义定义列表。

4

5

<dt>

定义定义的项目。

4

5

<em>

定义强调文本。

4

5

<embed>

定义外部交互内容或插件。

 

5

<event-source>

为服务器发送的事件定义目标。

 

5

<fieldset>

定义 fieldset

4

5

<figure>

定义媒介内容的分组,以及它们的标题。

 

5

<font>

不赞成。定义文本的字体、尺寸和颜色。

4

 

<footer>

定义 section page 的页脚。

 

5

<form>

定义表单。

4

5

<frame>

不支持。定义子窗口(框架)。

4

 

<frameset>

不支持。定义框架的集。

4

 

<h1> to <h6>

定义标题 1 到标题 6

4

5

<head>

定义关于文档的信息。

4

5

<header>

定义 section page 的页眉。

 

5

<hr>

定义水平线。

4

5

<html>

定义 html 文档。

4

5

<i>

定义斜体文本。

4

5

<iframe>

定义行内的子窗口(框架)。

4

5

<img>

定义图像。

4

5

<input>

定义输入域。

4

5

<ins>

定义插入文本。

4

5

<isindex>

不支持。定义单行的输入域。

4

 

<kbd>

定义键盘文本。

4

5

<label>

定义表单控件的标注。

4

5

<legend>

定义 fieldset 中的标题。

4

5

<li>

定义列表的项目。

4

5

<link>

定义资源引用。

4

5

<m>

定义有记号的文本。

 

5

<map>

定义图像映射。

4

5

<menu>

定义菜单列表。

4

5

<meta>

定义元信息。

4

5

<meter>

定义预定义范围内的度量。

 

5

<nav>

定义导航链接。

 

5

<nest>

定义数据模板中的嵌套点。

 

5

<noframes>

不支持。定义 noframe 部分。

4

 

<noscript>

不支持。定义 noscript 部分。

4

 

<object>

定义嵌入对象。

4

5

<ol>

定义有序列表。

4

5

<optgroup>

定义选项组。

4

5

<option>

定义下拉列表中的选项。

4

5

<output>

定义输出的一些类型。

 

5

<p>

定义段落。

4

5

<param>

为对象定义参数。

4

5

<pre>

定义预格式化文本。

4

5

<progress>

定义任何类型的任务的进度。

 

5

<q>

定义短的引用。

4

5

<rule>

为升级模板定义规则。

 

5

<s>

不支持。定义加删除线的文本。

4

 

<samp>

定义样本计算机代码。

4

5

<script>

定义脚本。

4

5

<section>

定义 section

 

5

<select>

定义可选列表。

4

5

<small>

不支持。定义小号文本。

4

5

<source>

定义媒介源。

 

5

<span>

定义文档中的 section

4

5

<strike>

不支持。定义加删除线的文本。

4

 

<strong>

定义强调文本。

4

5

<style>

定义样式定义。

4

5

<sub>

定义上标文本。

4

5

<sup>

定义下标文本。

4

5

<table>

定义表格。

4

5

<tbody>

定义表格的主体。

4

5

<td>

定义表格单元。

4

5

<textarea>

定义 textarea

4

5

<tfoot>

定义表格的脚注。

4

5

<th>

定义表头。

4

5

<thead>

定义表头。

4

5

<time>

定义日期/时间。

 

5

<title>

定义文档的标题。

4

5

<tr>

定义表格行。

4

5

<tt>

不支持。定义打字机文本。

4

 

<u>

不支持。定义下划线文本。

4

 

<ul>

定义无序列表。

4

5

<var>

定义变量。

4

5

<video>

定义视频。

 

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
false

设置是否允许用户编辑元素。

 

5

contentextmenu

id of a menu element

给元素设置一个上下文菜单。

 

5

dir

ltr
rtl

设置文本方向。

4

5

draggable

true
false
auto

设置是否允许用户拖动元素。

 

5

id

id_name

元素的唯一 id

4

5

irrelevant

true
false

设置元素是否相关。不显示非相关的元素。

 

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值