HTML5 revolution——关于HTML5与4.01相关差异的介绍（二）

HTML 5 <command> 标签

定义和用法

<command> 标签定义命令按钮，比如单选按钮、复选框或按钮。

HTML 4.01 与 HTML 5 之间的差异

<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。

HTML 5 <datagrid> 标签

定义和用法

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

HTML 4.01 与 HTML 5 之间的差异

<datagrid> 标签是 HTML 5 中的新标签。

提示和注释

提示：如果把 multiple 属性设置为 true，则可以在列表中选取一个以上的项目。

属性

属性

值

描述

disabled

true | false

如果为 true，则禁用整个 datagrid。

multiple

true | false

如果为 true，则可以在 datagrid 中选择一个以上的项目。

HTML 5 <datalist> 标签

定义和用法

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

HTML 4.01 与 HTML 5 之间的差异

<datalist> 标签是 HTML 5 中的新标签。

例子

<input id="myCar" list="cars" />

<datalist id="cars">

  <option value="BMW">

  <option value="Ford">

  <option value="Volvo">

</datalist>

属性

属性

值

描述

data

value

供自动插入数据。

HTML 5 <datatemplate> 标签

定义和用法

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

HTML 4.01 与 HTML 5 之间的差异

<datatemplate> 标签是 HTML 5 中的新标签。

HTML 5 <details> 标签

定义和用法

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

HTML 4.01 与 HTML 5 之间的差异

<details> 标签是 HTML 5 中的新标签。

提示和注释

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

属性

属性

值

描述

open

true | false

定义 details 是否可见。默认是 false。

HTML 5 <dir> 标签

定义和用法

<dir> 标签定义目录列表。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中，不赞成使用 <dir> 标签。

HTML 5 不支持 <dir> 标签。请用 CSS 代替。

 HTML 5 <div> 标签

定义和用法

<div> 标签定义文档中的 division/section。

HTML 4.01 与 HTML 5 之间的差异

HTML 4.01 中的 "align" 是不赞成使用的，在 HTML 5 中不支持该属性。

提示和注释

注释：浏览器通常会在 div 元素之前和之后插入换行符。

提示：请使用 <div> 标签对块级元素进行组合，这样就可以使用样式对它们进行格式化。

HTML 5 <dt> 标签

定义和用法

<dt> 标签定义一个定义列表中的一个项目，以及 dialog 中的角色。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 引入了 <dialog> 标签。在 dialog 中，<dt> 标签定义句子所属的角色。参见例子 2。

例子

例子 1

<dl>

  <dt>Coffee</dt>

  <dd>Black hot drink</dd>

  <dt>Milk</dt>

  <dd>White cold drink</dd>

</dl>

例子 2

<dialog>

  <dt>老师</dt> <dd>2+2 等于？</dd>

  <dt>学生</dt> <dd>4</dd>

  <dt>老师</dt> <dd>答对了！</dd>

</dialog>

HTML 5 <embed> 标签

定义和用法

<embed> 标签定义嵌入的内容，比如插件。

HTML 4.01 与 HTML 5 之间的差异

<embed> 标签是 HTML 5 中的新标签。

提示和注释

注释：<embed> 标签必须有 src 属性。

提示：您无法在开始标签和结束标签之间写文本，来说明旧式的浏览器不支持该标签，就像 <audio> 和 <video>。

例子

<embed src="horse.wav" />

属性

属性

值

描述

height

pixels

设置嵌入内容的高度。

src

url

嵌入内容的 URL。

type

type

定义嵌入内容的类型。

width

pixels

设置嵌入内容的宽度。

HTML 5 <event-source> 标签

定义和用法

<event-source> 标签定义由服务器发送的事件的来源。

HTML 4.01 与 HTML 5 之间的差异

<event-source> 标签是 HTML 5 中的新标签。

属性

属性

值

描述

src

url

其内容类型为 "application/x-dom-event-stream" 的源的 URL。

HTML 5 <fieldset> 标签

定义和用法

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中有一些新属性，同时不再支持 HTML 4.01 中的一些属性。

属性

属性

值

描述

4

5

disabled

true | false

定义 fieldset 是否可见。

 

5

form

true | false

定义该 fieldset 所属的一个或多个表单。

 

5

HTML 5 <figure> 标签

定义和用法

<figure> 标签用于对元素进行组合。

HTML 4.01 与 HTML 5 之间的差异

<figure> 标签是 HTML 5 中的新标签。

提示和注释

提示：请使用 <legend> 元素为元素组添加标题。

 HTML 5 <font> 标签

定义和用法

<font> 标签规定文本的字体外观、字体尺寸和字体颜色。不要使用该元素，请使用 CSS 向元素添加样式。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中，不赞成使用该元素。

在 HTML 5 中，不支持该元素，但是允许由所见即所得的编辑器来插入该元素 。

在 HTML 5 中，仅支持 style 属性。

HTML 5 <footer> 标签

定义和用法

<footer> 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。

HTML 4.01 与 HTML 5 之间的差异

<footer> 标签是 HTML 5 中的新标签。

提示和注释

提示：假如您使用 footer 来插入联系信息，应该使用 <address> 元素。

HTML 5 <form> 标签

定义和用法

<form> 标签创建供用户输入的表单。

表单可包含文本域，复选框，单选按钮等等。表单用于向指定的 URL 传递用户数据。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中有一些新属性，同时不再支持 HTML 4.01 中的一些属性。

在 HTML 5 中有一个新属性：replace。它定义表单被提交后所做的事情。

属性

属性

描述

4

5

action

定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。

4

5

data

供自动插入数据。

 

5

replace

定义表单提交时所做的事情。

 

5

accept

处理该表单的服务器可正确处理的内容类型列表（用逗号分隔）。

4

5

accept-charset

表单数据的可能的字符集列表（逗号分隔）。默认值是 "unknown"。

4

5

enctype

用于对表单内容进行编码的 MIME 类型。

4

5

method

用于向 action URL 发送数据的 HTTP 方法。默认是 get。

4

5

name

为表单定义一个唯一的名称。不支持。用 id 代替。

4

 

target

在何处打开目标 URL。

4

5

HTML 5 <frame> 标签

定义和用法

<frame> 标签定义子窗口（框架）。

由于该标签对网页可用性的负面影响，在 HTML 5 中 <frame> 标签没有得到支持。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中不支持 <frame> 标签。

HTML 5 <frameset> 标签

定义和用法

<frameset> 标签定义框架集。它用于组织多个窗口（框架）。每个框架存在一个独立的文档。在最简单的应用中，frameset 元素仅仅声明框架集中存在的列或行的数目。

由于该标签对网页可用性的负面影响，在 HTML 5 中 <frameset> 标签没有得到支持。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中不支持 <frameset> 标签。