HTML5中新增的标签和重新定义的标签属性说明

发布时间:2020-08-11 01:41:30 作者:as507169008
来源:ITPUB博客 阅读:336

HTML5 <!DOCTYPE> 标签

所有主流浏览器都支持 <!DOCTYPE> 声明。

<!DOCTYPE> 声明非常重要,它是一种标准通用标记语言的文档类型声明,通过该标签,浏览器能够了解HTML5文档正在使用的HTML规范,<!DOCTYPE> 声明是HTML5文档的起始点,也就是说它必须位于HTML5文档的第一行!

标签定义及使用说明:

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。

在 HTML 4.01 中,<!DOCTYPE>声明需引用DTD(文档类型声明),因为HTML4.01是基于SGML(StandardGeneralizedMarkupLanguage标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。

HTML5 不是基于 SGML,因此不要求引用 DTD。

提示:总是给您的 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。

HTML 4.01 与 HTML5之间的差异:

http://www.iis7.com/b/wzjk/

HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种:<!DOCTYPE html>

提示和注释:

注释:<!DOCTYPE> 标签没有结束标签。

提示:<!DOCTYPE> 声明不区分大小写。

提示:使用 W3C 的验证 检查您是否编写了一个带有正确 DTD 的合法的 HTML / XHTML 文档!

。。。。。。

HTML5 <a> 标签

所有主流浏览器都支持 <a> 标签。

HTML5 <a> 标签的主要作用是用于超链接,可以链接到其他页面也可以链接到本地的其他文件,你可以通过下面的这个示例来认识 <a> 标签。

链接到百度实例 :<a href="http://www.baidu.com">百度一下,你就知道</a>

标签定义及使用说明:

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观如下:

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

提示和注释:

提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。

提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

提示:请使用 CSS 来改变链接的样式。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

。。。。。。

HTML5 <area> 标签

所有主流浏览器都支持 <area> 标签。

HTML5 <area>标签能够在所需图像中设置作用区域,使用者可以通过点击该作用区域来跳转到相应的页面。

标签定义及使用说明:

<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。

<area> 元素始终嵌套在 <map> 标签内部。

注释: <img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联,以创建图像与映射之间的关系。

HTML 4.01 与 HTML5之间的差异:

HTML5 提供了一些新属性,同时不再支持 HTML 4.01 中的某些属性。

HTML 与 XHTML 之间的差异:

在 HTML 中,<area> 标签没有结束标签。

在 XHTML 中,<area> 标签必须正确地关闭。

。。。。。。

HTML5 <abbr> 标签

所有主流浏览器都支持 <abbr> 标签。

注释:IE 6 或更早版本的 IE 浏览器不支持 <abbr> 标签。

标签定义及使用说明:

<abbr> 标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。

通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

提示和注释:

提示:在某些浏览器中,当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时,<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

。。。。。。

HTML5 <applet> 标签

某些浏览器中依然存在对 <applet> 标签的一些支持,但是需要额外的插件和安装过程才能起作用。

定义和用法:

<applet> 标签用来定义嵌入的 applet,但是在HTML5中不再支持该标签的使用!

HTML 4.01 与 HTML 5 之间的差异:

HTML 4.01 中不赞成使用 applet 元素。

HTML 5 中不支持 applet 元素。

提示和注释:

提示:HTML 5 中不支持 applet 元素。请使用 <object> 代替。

提示:你可以在本站的“HTML <applet> 标签”部分以获得更多有关 <applet> 标签的信息!

。。。。。。

HTML5 <article>标签

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <article> 标签。

注释: IE 8 或更早版本的 IE 浏览器不支持 <article> 标签。

标签定义及使用说明:

<article> 标签定义独立的内容。

<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

<article> 的潜在来源:

论坛帖子

博客文章

新闻故事

评论

。。。。。。

HTML5 <aside> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <aside> 标签。

注释: IE 8 或更早版本的 IE 浏览器不支持 <aside> 标签。

HTML5 <aside>标签用来表示跟当前页面的内容没有很相关的部分,通常用于显示侧边栏或者补充的内容,例如:目录、索引等。

标签定义及使用说明:

<aside> 标签定义 <article> 标签外的内容。

aside 的内容应该与附近的内容相关。

HTML 4.01 与 HTML5之间的差异:

<aside> 标签是 HTML5 的新标签。

提示和注释:

提示:<aside> 的的内容可用作文章的侧栏。

注意: 不要将 <aside> 元素去标记括号内的文本,因为这种类型的文本(即括号内的文本)被认为是其内容流的一部分。

。。。。。。

HTML5 <address> 标签

所有主流浏览器都支持 <address> 标签。

通过HTML5 <address>标签,你可以得到某个文档中所属作者或者所有者的相关的联系信息。

标签定义及使用说明:

<address> 标签定义文档作者/所有者的联系信息。

如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。

<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

提示和注释:

提示:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。

<address> 是用来存放地址信息的,它可以和<article>元素配对来提供文章作者的联系信息。对它的使用需要注意以下几点:

如果行文中出现了一些随意的地址,你就不应该使用<address>元素,而应该使用普通的<p>元素就行了。

<address>元素里应该只存放地址信息,不要放置其它跟地址不相关的信息,比如出版时间,你应该把它放到<time>元素里。

一个好的习惯是,我们应该把<address>放到<footer>元素里。当然了,如果没有<footer>元素也就不用参考这个规则了。

HTML 4.01 与 HTML5之间的差异:

HTML 4.01 不支持 <article> 标签,因此在 HTML 4.01 中 <address> 标签总是定义文档的作者/所有者的联系信息。

。。。。。。

HTML5 <acronym> 标签 (已废弃)

定义和用法:

HTML5<acronym>标签用来定义首字母缩写词,比如"WWW"。通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

HTML 4.01 与 HTML 5 之间的差异:

用法提示:该元素已从HTML5中移除,不应再被使用。Web开发者应使用  <abbr> 代替。

默认样式:

尽管这个标签的目的纯粹是为了方便作者,它的默认样式却在各个浏览器中不尽相同:

一些浏览器, 像Internet Explorer, 赋予它和 <span> 元素相同的样式。

Opera, Firefox, 和 一些其他的浏览器在元素内容下方添加了一条点状的下划线。

因此强烈建议Web作者们不要依赖默认的样式.

提示和注释:

注释:在某些浏览器中,当您把鼠标移至缩略词语上时,title 可被用来展示表达的完整版本。

。。。。。。

HTML5 <b> 标签

所有主流浏览器都支持 <b> 标签。

在HTML5中,你可以使用<b>标签来对某些文本实现加粗的效果。

标签定义及使用说明:

<b> 标签定义粗体的文本。

提示和注释:

注释:根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。HTML 5 规范声明:标题应该用 <h2> - <h7> 标签表示,被强调的文本应该用 <em> 标签表示,重要的文本应该用 <strong> 标签表示,被标记的或者高亮显示的文本应该用 <mark> 标签表示。

提示:您也可以使用 CSS 的 "font-weight" 属性设置粗体文本。

。。。。。。

HTML5 <basefont> 标签 (已废弃)

HTML标签<basefont>用来设置文档的默认字体大小。使用<font>可以相对于默认字体大小进行变化。

使用说明:

不要再使用这个标签! 尽管在HTML 3.2中曾经(不严格地)标准化,但是它并不被主流的浏览器所支持。

而且,不同的浏览器、甚至同一浏览器的相邻版本,都没有使用相同的实现方式; 实际上,使用这个标签总是导致不确定的结果。

HTML 4.01 与 HTML 5 之间的差异:

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

。。。。。。

HTML5 <base> 标签

所有主流浏览器都支持 <base> 标签。

标签定义及使用说明:

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。

提示和注释:

提示:请把 <base> 标签排在 <head> 元素中第一个元素的位置,这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。

注释:如果使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。

HTML 与 XHTML 之间的差异:

在 HTML 中,<base> 标签没有结束标签。

在 XHTML 中,<base> 标签必须被正确地关闭。

事件属性:<base> 标签不支持任何的事件属性。

。。。。。。

HTML5 <blockquote> 标签

所有主流浏览器都支持 <blockquote> 标签。

HTML5 <blockquote>标签用来引用大段的内容块,处于该标签内的文本会独自分离出来,并且自动缩进。

标签定义及使用说明:

<blockquote> 标签定义摘自另一个源的块引用。

浏览器通常会对 <blockquote> 元素进行缩进。

提示和注释:

提示:如果标记是不需要段落分隔的短引用,请使用 <q>。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<blockquote> 标签定义一段长引用。

在 HTML5 中,<blockquote> 标签定义摘自另一个源的块引用。

HTML 与 XHTML 之间的差异:

注释:如需把页面作为 XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素。

。。。。。。

HTML5 <br />标签

所有主流浏览器都支持 <br> 标签。

HTML5 <br> 标签用来对文档中的文本进行换行的处理。

标签定义及使用说明:

<br> 标签插入一个简单的换行符。

<br> 标签是一个空标签,意味着它没有结束标签。

提示:由于 <br /> 标签是空标签,因此,不允许有“<br>...</br>”这样的写法!

提示和注释:

提示:在写地址信息或者写诗词时 <br /> 标签非常有用。

注释: 请使用 <br /> 标签来输入空行,而不是分割段落。

HTML 与 XHTML 之间的差异:

在 HTML 中,<br> 标签没有结束标签。

在 XHTML 中,<br> 标签必须被正确地关闭,比如这样:<br /> 。

。。。。。。

HTML5 <big> 标签 (已废弃)

定义和用法:

<big> 标签制作更大的文本。但是在HTML5中该标签不支持使用,你可以参考本站的“HTML <big>标签”部分!    

HTML 4.01 与 HTML 5 之间的差异:

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

。。。。。。

HTML5 <button> 标签

所有主流浏览器都支持 <button> 标签。

HTML5 <button>标签用来定义按钮,该标签内的内容即为你要使用的按钮的内容。

标签定义及使用说明:

<button> 标签定义一个按钮。

在 <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。

提示:请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。

提示和注释:

注释:如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。请使用 <input> 在 HTML 表单中创建按钮。

HTML 4.01 与 HTML5之间的差异:

HTML5 中的新属性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。

注意: <button> 元素比 <input> 元素更易样式化。你可以添加内联HTML内容(如<em>,<strong> 甚至<img>),并使用 :after 和 :before 伪元素实现复杂的渲染,而 <input> 只有文本值属性。

。。。。。。

HTML5 <bdo> 标签

定义和用法:

<bdo> 标签覆盖默认的文本方向。bdo 指的是 bidi 覆盖(Bi-Directional Override)。

HTML 4.01 与 HTML 5 之间的差异:

HTML4 的规范文档中没有描述该元素的事件,它们在 XHTML 中被添加。这应该是当时的疏忽。

。。。。。。

HTML5 <center> 标签 (已废弃)

定义和用法:

<center> 标签对其包围的文本进行水平居中处理。HTML5不支持使用<center>标签。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 5 中,不支持该标签。请使用 CSS 代替。

提示和注释:

提示:请使用 CSS 来居中文本。

。。。。。。

HTML5 <command> 标签 (已废弃)

目前,主流浏览器都不支持 <command> 标签。

注释:只有 IE 9 支持 <command> 标签,其他之前版本或者之后版本的 IE 浏览器不支持 <command> 标签。

HTML5 <command>标签用于定义命令按钮。

标签定义及使用说明:

<command> 标签可以定义用户可能调用的命令(比如单选按钮、复选框或按钮)。

当使用<menu>元素时,command元素将作为菜单或者工具栏的一部分显示出来。但是,用command规定键盘快捷键时,command元素能被放置在页面的任何位置,但元素不可见。

HTML 4.01 与 HTML5之间的差异:

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

。。。。。。

HTML5 <col> 标签

所有主流浏览器都支持 <col> 标签。

HTML5 <col> 标签用于控制表格中的列,使你更加方便的为表格中的列应用样式。

标签定义及使用说明:

<col> 标签规定了 <colgroup> 元素内部的每一列的列属性。

通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

HTML 4.01 与 HTML5之间的差异:

HTML5 中不再支持 HTML 4.01 中的大部分属性。

HTML 与 XHTML 之间的差异:

在 HTML 中,<col> 标签没有结束标签。

在 XHTML 中,<col> 标签必须被正确的关闭。

。。。。。。

HTML5 <colgroup> 标签

所有主流浏览器都支持 <colgroup> 标签。

HTML5 <colgroup>标签可以组合<col>标签。

标签定义及使用说明:

<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。

通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

注释:只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。

提示:如果想对 <colgroup> 中的某列定义不同的属性,请在 <colgroup> 标签内使用 <col> 标签。

HTML 4.01 与 HTML5之间的差异:

HTML5 中不再支持 HTML 4.01 中的大部分属性。

。。。。。。

HTML5 <caption> 标签

所有主流浏览器都支持 <caption> 标签。

HTML5 <caption>标签用来为表格定义一个标题。

标签定义及使用说明:

<caption> 标签定义表格的标题。

<caption> 标签必须直接放置到 <table> 标签之后。

您只能对每个表格定义一个标题。

提示:通常这个标题会被居中于表格之上。然而,CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 align 属性。

HTML 4.01 已废弃 align 属性。

。。。。。。

HTML5 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签

<cite>) 表示一个作品的引用。

定义和用法:

以下元素都是短语元素。并不反对使用它们,但是通过使用样式表,可能取得更丰富的效果。

<em>         呈现为被强调的文本。

<strong> 定义重要的文本。

<dfn>         定义一个定义项目。

<code>     定义计算机代码文本。

<samp>     定义样本文本。

<kbd>         定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。

<var>         定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

<cite>         定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 4.01 中,<strong> 定义语气更重的强调文本,但是在 HTML 5 中,<strong> 定义重要的文本。

<em>   元素通常被用于指示一个隐式或显式的对比。 

<strong> 表示文本十分重要,一般用粗体显示。

<dfn> 使用说明:

<dfn> 元素标记了被定义的术语;术语定义应当在 <p>, <section>或定义列表 (通常是<dt>, <dd> 对)中给出。

被定义术语的值由下列规则确定:如果 <dfn> 元素有一个 title 属性,那么该术语的值就是该属性的值。否则,如果它仅包含一个 <abbr> 元素,该元素拥有 title 属性,那么该术语的值就是该属性的值。否则,<dfn> 元素的文本内容就是该术语的值。

<code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示。

<samp> 元素用于标识计算机程序输出,通常使用浏览器缺省的 monotype 字体 。

<kbd> 用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示。 

<var> 标签表示变量的名称,或者由用户提供的值。 

 。。。。。。

HTML5 <ul> 标签

定义和用法:

<ul> 标签定义无序列表。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 4.01 中,ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。在 HTML 5 中,不再支持这两个属性。

提示和注释:

提示:请使用 CSS 来定义列表的类型。

。。。。。。

HTML5 <dl> 标签

所有主流浏览器都支持 <dl> 标签。

带有项目和描述的描述列表。

标签定义及使用说明:

<dl> 标签定义一个描述列表。

<dl> 标签与 <dt> (定义项目/名字)和 <dd> (描述每一个项目/名字)一起使用。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<dl> 标签定义一个定义列表。

在 HTML5 中,<dl> 标签定义一个描述列表。

注意:请不要将该元素(也不要用 <ul> 元素)用来在页面创建具有缩进效果的内容。虽然这样的结果样式看上去没问题,但是,这是很糟糕的做法,并且语义也不清晰。

要改变描述列表中描述的缩进量,请使用 CSS margin 属性。

。。。。。。

HTML5 <del> 标签

所有主流浏览器都支持 <del> 标签。

一段带有已删除部分和新插入部分的文本。

标签定义及使用说明:

<del> 标签定义文档中已删除的文本。

提示和注释:

提示:<ins> 标签的作用恰恰于此相反:表示文档中添加的内容。

提示:<del> 和 <ins> 一起使用,描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。

。。。。。。

HTML5 <dd> 标签

所有主流浏览器都支持 <dd> 标签。

带有项目和描述的描述列表。

标签定义及使用说明:

<dd> 标签被用来对一个描述列表中的项目/名字进行描述。

<dd> 标签与 <dl> (定义一个描述列表)和 <dt> (定义项目/名字)一起使用。

在 <dd> 标签内,您能放置段落、换行、图片、链接、列表等等。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<dd> 标签被用来描述一个定义列表中的条目。

在 HTML5 中,<dd> 标签被用来描述一个描述列表的项目/名字。

属性:nowrap,如果这个属性的值为 yes,那么定义的描述文字将不会包裹。默认值为 no。

。。。。。。

HTML5 <details> 标签

目前,只有 Chrome 和 Safari 6 支持 <details> 标签。

标签定义及使用说明:

<details> 标签规定了用户可见的或者隐藏的需求的补充细节。

<details> 标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。

<details> 元素的内容对用户是不可见的,除非设置了 open 属性。

HTML 4.01 与 HTML5之间的差异:

<details> 标签是 HTML5 中的新标签。

提示和注释:

提示:与 <summary> 标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。

。。。。。。

HTML5 <div> 标签

所有主流浏览器都支持 <div> 标签。

标签定义及使用说明:

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

<div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。

提示和注释:

提示:<div> 元素经常与 CSS 一起使用,用来布局网页。

注释:默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。

HTML 4.01 与 HTML5之间的差异:

HTML5 中不支持 align 属性。

在 HTML 4.01 中,align 属性 已废弃。

。。。。。。

HTML5 <dir> 标签 (已废弃)

定义和用法:

<dir> 标签定义目录列表。HTML5 不支持<dir>标签的使用,请你参考“HTML <dir>标签”部分获得更多信息!

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 4.01 中,不赞成使用 <dir> 标签。使用 <ul> 来代替。

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

。。。。。。

HTML5 <embed> 标签

注意: 大多数现代浏览器已经弃用并取消了对浏览器插件的支持,所以如果您希望您的网站可以在普通用户的浏览器上运行,那么依靠 <embed> 通常是不明智的。

标签定义及使用说明:

<embed> 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)。

HTML 4.01 与 HTML5之间的差异:

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

。。。。。。

HTML5 <frameset> 标签 (已废弃)

定义和用法:

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

由于该标签对网页可用性的负面影响,在 HTML 5 中 <frameset> 标签没有得到支持。请参考“HTML <frameset>标签”部分获取相关信息!

HTML 4.01 与 HTML 5 之间的差异:

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

注意: 现在不鼓励使用 frame,而是用<iframe>。现今的网站一般都不使用 frame。

。。。。。。

HTML5 <figcaption> 标签

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figcaption> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <figcaption> 标签。

HTML5 <figcaption>标签用来表示<figure>标签的标题。

使用 <figure> 元素标记文档中的一个图像。<figure> 元素带有一个标题。

标签定义及使用说明:

<figcaption> 标签为 <figure> 元素定义标题。

<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。

HTML 4.01 与 HTML5之间的差异:

<figcaption> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <form> 标签

所有主流浏览器都支持 <form> 标签。

标签定义及使用说明:

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

可以用 :valid 和:invalid CSS 伪类 来给一个元素指定样式。

<form> 元素包含一个或多个如下的表单元素:

<input>

<textarea>

<button>

<select>

<option>

<optgroup>

<fieldset>

<label>

HTML 4.01 与 HTML5之间的差异:

HTML5 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 HTML 4.01 中的某些属性。

HTML 与 XHTML 之间的差异:

在 XHTML 中,name 属性已被废弃。使用全局 id 属性代替。

。。。。。。

HTML5 <frame> 标签 (已废弃)

定义和用法:

<frame> 标签定义子窗口(框架)。

由于该标签对网页可用性的负面影响,在 HTML 5 中 <frame> 标签没有得到支持。不过,你可以在本站的“HTML <frame>标签”部分了解该标签的使用方法!

属性:

src:这个属性指定了由帧展示的文档。

name:这个属性用于给帧添加标签。如果没有标签,所有链接都会在它们所在的帧中打开。

noresize:这个属性避免让用户改变帧的大小。

scrolling:这个属性定义了滚动条的存在。如果不使用这个属性,浏览器会按需放置滚动条。有两个选择:"yes"用于展示滚动条,即使是多余的;"no"用于不展示滚动条,即使它是必要的。

marginheight:这个属性定义了帧之间的边距有多高。

marginwidth:这个属性定义了帧之间的边距有多宽。

frameborder:这个属性允许你为帧添加边框。

HTML 4.01 与 HTML 5 之间的差异:

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

。。。。。。

HTML5 <figure> 标签

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。

使用 <figure> 元素标记文档中的一个图像

标签定义及使用说明:

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

<figure> 元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

提示:<figcaption> 元素被用来为 <figure> 元素定义标题。

。。。。。。

HTML5 <footer> 标签

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <footer> 标签。

标签定义及使用说明:

<footer> 标签定义文档或者文档的一部分区域的页脚。

<footer> 元素应该包含它所包含的元素的信息。

在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。

在一个文档中,您可以定义多个 <footer> 元素。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

提示:假如您使用 <footer> 元素来插入联系信息,应该在 <footer> 元素内使用 <address> 标签。

。。。。。。

HTML5 <fieldset> 标签

所有主流浏览器都支持 <fieldset> 标签。

HTML5 <fieldset>标签用于对表单中的相关元素进行分组。

标签定义及使用说明:

<fieldset> 标签可以将表单内的相关元素分组。

<fieldset> 标签会在相关表单元素周围绘制边框。

提示和注释:

提示:<legend> 标签为 <fieldset> 元素定义标题。

HTML 4.01 与 HTML5之间的差异:

HTML5 中新增了一些 <fieldset> 的新属性:disabled、form、name,HTML 4.01 中不支持这些属性。

。。。。。。

HTML5 <hgroup> 标签

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <hgroup> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <hgroup> 标签。

HTML5 使用 <hgroup> 对标题进行组合。

标签定义及使用说明:

<hgroup> 标签被用来对标题元素进行分组。

当标题有多个层级(副标题)时,<hgroup> 元素被用来对一系列 <h2> - <h7> 元素进行分组。

HTML 4.01 与 HTML5之间的差异:

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

。。。。。。

HTML5 <hr> 标签

所有主流浏览器都支持 <hr> 标签。

标签定义及使用说明:

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

HTML 4.01 与 HTML5之间的差异:

在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。

在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。

HTML 与 XHTML 之间的差异:

在 HTML 中,<hr> 标签没有结束标签。

在 XHTML 中,<hr> 标签必须被正确地关闭,比如 <hr />。

。。。。。。

HTML5 <h2> 至 <h7> 标签

定义和用法:

HTML5 通过 <h2> - <h7> 标签可定义标题。<h2> 定义最大的标题。<h7> 定义最小的标题。

由于h元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

如果您希望了解更多有关 HTML 标签选择和使用的信息,请阅读《Web 品质》。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 4.01 中,h2 - h7 元素的 "align" 属性不被赞成使用。

在 HTML 5 中,h2 - h7 元素的 "align" 属性不被支持。

。。。。。。

HTML5 <header> 标签

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <header> 标签。

HTML5 ,<header>标签用来表示介绍性的内容,即,定义了文档中的页眉。

标签定义及使用说明:

<header> 标签定义文档或者文档的一部分区域的页眉。

<header> 元素应该作为介绍内容或者导航链接栏的容器。

在一个文档中,您可以定义多个 <header> 元素。

注释:<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

HTML 4.01 与 HTML5之间的差异:

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

。。。。。。

HTML5 <html> 标签

定义和用法:

HTML5 <html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。 

<html> 标签告知浏览器这是一个 HTML 文档。

html 元素是 HTML 文档中最外层的元素。

html 元素也可称为根元素。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 4.01 中的 xmlns 属性,在 XHTML 中是必须的。实际上它没有任何效果,但是出于验证的原因,在把 HTML 转换为 XHTML 的过程中,是很有帮助的。在 HTML 5 中,没有理由这么做,但是你仍然可以把 xmlns 属性定义为 "http://www.w3.org/1999/xhtml"。

在 HTML 5 中,有一个新属性:manifest。

提示和注释:

注释:如果您出于某种原因,希望定义 xmlns 属性,唯一合法的值是 "http://www.w3.org/1999/xhtml"。

注意:作为HTML文档的最外层元素,请正确书写<html>标签,并将其它HTML标签正确的放置在<html>标签中!

注意事项:尽管在 HTML 里它不是必需的,可以是隐含的,但是在 XHTML 里必须明确给出 <html> 元素的开标签和闭标签。

。。。。。。

HTML5 <head> 标签

所有主流浏览器都支持 <head> 标签。

HTML5 <head> 标签表示文档的头部,其中包含了与该文档有关的信息!

标签定义及使用说明:

<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。

以下列出的元素能被用在 <head> 元素内部:

<title> (在头部中,这个元素是必需的)

<style>

<base>

<link>

<meta>

<script>

<noscript>

HTML 4.01 与 HTML5之间的差异:

HTML5 不再支持 profile 属性。

附注:如果在文档中忽略了 <head> 标签,则大部分浏览器会自动创建一个 <head> 元素。当然,有一些不会。

下面这些浏览器经测试不会自动创建一个 head 元素:Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。

。。。。。。

HTML5 <i> 标签

所有主流浏览器都支持 <i> 标签。

标签定义及使用说明:

<i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时,请使用 <i> 元素。其他语义的元素如下:

<em> (被强调的文本)

<strong> (重要的文本)

<mark> (被标记的/高亮显示的文本)

<cite> (作品的标题)

<dfn> (一个定义项目)

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<i> 标签呈现斜体的文本。然而,在 HTML5 中没有必要这么做,可以使用样式表来格式化 <i> 元素中的文本。

。。。。。。

HTML5 <iframe> 标签

所有主流浏览器都支持 <iframe> 标签。

标签定义及使用说明:

<iframe> 标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

提示和注释:

提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。

提示:使用 CSS 为 <iframe> (包括滚动条)定义样式。

HTML 4.01 与 HTML5之间的差异:

HTML5 新增了一些新的属性,同时去掉了 HTML 4.01 中的一些属性。

HTML 与 XHTML 之间的差异:

在 XHTML 中,name 属性已被废弃,并将被去掉。请使用 id 属性代替。

。。。。。。

HTML5 <input> 标签

目前大多数浏览器支持 <input>标签。

标签定义及使用说明:

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。

提示和注释:

注意: <input> 元素是空的,它只包含标签属性。

提示: 你可以使用 <label> 元素来定义 <input> 元素的标注。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中, "align" 数据已经不再使用。HTML5 中不支持该属性。 可以使用CSS来定义 <input> 元素的对齐方式。

在 HTML5中, <input> 添加了几个属性,并且添加了对应的值。

HTML 与 XHTML 之间的差异:

在 HTML 中,<input> 标签没有结束标签。

在 XHTML 中,<input /> 标签必须被正确地关闭。

。。。。。。

HTML5 <img> 标签

所有主流浏览器都支持 <img> 标签。

HTML5 <img>标签用于向网页中添加相关图片。

标签定义及使用说明:

<img> 标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性:src 和 alt。

注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

提示:通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接。

HTML 4.01 与 HTML5之间的差异:

HTML5 中不支持以下属性:align、border、hspace、longdesc、vspace。

在 HTML 4.01 中,以下属性:align、border、hspace、vspace 已废弃。

HTML 与 XHTML 之间的差异:

在 HTML 中,<img> 标签没有结束标签。

在 XHTML 中,<img /> 标签必须被正确地关闭。

支持的图像格式:

HTML 标准并没有给出必须支持的图像格式的列表,因此每个用户代理支持一组不同的格式。 Gecko 支持:

JPEG

GIF

PNG

APNG

SVG

BMP

BMP ICO

PNG ICO

与 CSS 的交互。关于 CSS,<img> 是一个 替换元素。它没有基线,这意味着当在一个行内格式的上下文中使用 vertical-align: baseline 时,图像的底部将会与容器的基线对齐。

。。。。。。

HTML5 <ins> 标签

所有主流浏览器都支持 <ins> 标签。

标签定义及使用说明:

<ins> 标签定义已经被插入文档中的文本。

提示和注释:

提示:您也可以看看标记已删除文本的 <del> 标签。

提示:<del> 和 <ins> 一起使用,描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。

。。。。。。

HTML5 <keygen> 标签 (已废弃)

Firefox、Opera、Chrome 和 Safari 6 都支持 <keygen> 标签。

<keygen> 标签会生成一个公钥和私钥,私钥会存放在用户本地,而公钥则会发送到服务器。该标签在新的 Web 标准中已废弃!

标签定义及使用说明:

<keygen> 标签规定用于表单的密钥对生成器字段。

当提交表单时,私钥存储在本地,公钥发送到服务器。

HTML 4.01 与 HTML5之间的差异:

<keygen> 元素是 HTML5 新标签。

。。。。。。

HTML5 <link> 标签

所有主流浏览器都支持 <link> 标签。

HTML5 <link>标签用于在文档与将要使用的外部之间建立联系,以为文档获取相应的资源。

标签定义及使用说明:

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

注意: link 元素是空元素,它仅包含属性。

注意: 此元素只能存在于 head 部分,不过它可出现任何次数。

HTML 4.01 与 HTML5之间的差异:

一些 HTML 4.01 属性在 HTML5 中不支持。

HTML5 新增了 "sizes" 属性。

HTML 与 XHTML 之间的差异:

在 HTML 中,<link> 标签没有结束标签。

在 XHTML 中,<link> 标签必须被正确地关闭。

。。。。。。

HTML5 <li> 标签

目前多数主流浏览器支持 <li>标签。

HTML5 <li>标签用于表示文档中列表的项目,在下述例子中,我们分别在有序列表和无序列表中使用了<li>标签。

HTML 两个列表实例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) 。

标签定义及使用说明:

<li> 标签定义列表项目。

<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。

HTML 4.01 与 HTML5之间的差异:

"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

"value" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

提示和注释:

提示:请使用 CSS 来定义列表和列表项目的类型。

。。。。。。。

HTML5 <legend> 标签

目前大多数浏览器支持 <legend> 标签。

HTML5 <legend>元素是<fieldset>元素的第一个子元素,定义了<fieldset>元素的标题。

标签定义及使用说明:

<legend> 元素为 <fieldset>元素定义标题。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01中 "align" 属性已被废弃, HTML5不支持该属性。不建议使用。 请使用 CSS 来设置 <legend> 元素的对齐方式。

。。。。。。

HTML5 <label> 标签

目前大多数浏览器支持 <label> 标签。

HTML5 <label>标签用于为 input 元素做出标记。

带有两个输入字段和相关标记的简单 HTML 表单

标签定义及使用说明:

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

提示和注释:

提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

HTML 4.01 与 HTML5之间的差异:

"form" 属性是 HTML5 的新属性。

。。。。。。

HTML5 <map> 标签

目前大多数浏览器支持 <map>标签。

HTML5 <map>标签用来表示图像映射,也就是指带有可点击区域的图像映射。

标签定义及使用说明:

<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。

<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。

area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

HTML 4.01 与 HTML5之间的差异:

注意:在 HTML5 中, 如果 id 属性在<map> 标签中指定, 则你必须同样指定 name 属性。

HTML 与 XHTML 之间的差异:

在 XHTML 中,name 属性已经废弃,使用 id 属性替换它。

。。。。。。

HTML5 <meta> 标签

所有主流浏览器都支持 <meta> 标签。

描述 HTML 文档的元数据:

<head>

<meta name="description" content="网页描述">

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

<meta name="author" content="w3cschool">

<meta charset="UTF-8">

</head>

标签定义及使用说明:

元数据(Metadata)是数据的数据信息。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,当时会被浏览器解析。

META元素通常用于指定网页的描述,关键词,的文件的最后修改,作者,和其他元数据。

元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。

提示和注释:

注意:<meta> 标签通常位于 <head>区域内。

注意: 元数据通常以 名称/值 对出现。

注意: 如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 scheme 属性。

在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:

HTML 4.01:<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5:<meta charset="UTF-8">

HTML 与 XHTML 之间的差异:

在 HTML 中 <meta> 标签没有结束标签。

在 XHTML 中 <meta> 标签必须包含结束标签。

实例:

实例 1 - 定义文档关键词,用于搜索引擎:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

实例 2 - 定义web页面描述:<meta name="description" content="Free Web tutorials on HTML and CSS">

实例 3 - 定义页面作者:<meta name="author" content="Hege Refsnes">

实例 4 - 每30秒刷新页面:<meta http-equiv="refresh" content="30">

。。。。。。

HTML5 <menu> 标签

目前主流浏览器并不支持 <menu> 标签。

注意:这个元素在HTML4中被弃用,但再HTML5.1(正在起草中)中被重新推荐使用。

HTML5 <menu>标签用于定义菜单列表。

标签定义及使用说明:

<menu> 标签定义了一个命令列表或菜单。

<menu> 标签通常用于文本菜单,工具条和命令列表选项。

提示和注释:

提示:使用 CSS 来定义菜单列表样式。

HTML 4.01 与 HTML5之间的差异:

HTML 4.01的 <menu> 元素已废弃。

HTML5 中 <menu> 元素已被重新定义。

。。。。。。

HTML5 <meter> 标签

Firefox、Opera、Chrome 和 Safari 6 支持 <meter> 标签。

使用 meter 元素展示给定的数据范围。

标签定义及使用说明:

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

比如:磁盘使用情况,查询结果的相关性等。

注意: <meter> 不能作为一个进度条来使用, 进度条 <progress> 标签。

HTML 4.01 与 HTML5 之间的差异:

<meter> 是 HTML5 的新标签。

。。。。。。

HTML5 <mark> 标签

Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 标签。

注意:Internet Explorer 8 及更早版本不支持 <mark> 标签。

部分文本高亮显示。

标签定义及使用说明:

<mark> 标签定义带有记号的文本。

请在需要突出显示文本时使用 <mark> 标签。

HTML 4.01 与 HTML5之间的差异:

<mark> 是 HTML5 新标签。

。。。。。。

HTML5 <nav> 标签

目前大多数浏览器支持 <nav> 标签。

HTML5 <nav>标签用于表示HTML页面中的导航,可以是页与页之间导航,也可以是页内的段与段之间导航。

标签定义及使用说明:

<nav> 标签定义导航链接的部分。

并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。

在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。

HTML 4.01 与 HTML5中的差异:

<nav> 是 HTML5 的新标签。

提示:由于<nav>标签是HTML5中的新标签,所以如果你使用的IE浏览器版本过低的话,相关的布局将会是无效的,并且CSS样式也随之失效!

。。。。。。

HTML5 <noscript> 标签

目前大多数浏览器支持 <p> 标签。

标签定义及使用说明:

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。

此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。

提示和注释:

提示:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。

注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!

在HTML 4.01 与 HTML5 之间的差异:

在 HTML 4.01 中,<noscript> 标签只允许插入到 <body> 元素中。

在 HTML5 中,<noscript> 标签可以插入到 <head> 和 <body> 区域中。

在HTML 与 XHTML 之间的差异:

XHTML 不支持 <noscript> 标签。

。。。。。。

HTML5 <ol> 标签

目前大多数浏览器支持 <ol> 标签。

HTML5 <ol>标签用于定义文档中的有序列表。

标签定义及使用说明:

<ol> 标签定义了一个有序列表. 列表排序以数字来显示。

使用<li> 标签来定义列表选项。

提示和注释:

提示: 如果需要无序列表,请使用 <ul> 标签。

提示:使用 CSS 来定义列表样式。

HTML 4.01 与 HTML5中的差异:

在 HTML 4.01 中"start" 和 "type" 属性已经废弃,HTML5不支持该属性。

"reversed" 属性是 HTML5 中的新属性。

在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。

。。。。。。

HTML5 <object> 标签

定义和用法:

HTML5 <object>标签定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。

HTML 4.01 与 HTML 5 之间的差异:

不再支持 HTML 4.01 中的一些属性。

在 HTML5 中,objects 可以在form表单中提交。

在 HTML5 中,objects 不再出现在 <head> 元素区域内。

提示和注释:

注释:object 元素可位于在 head 元素或 body 元素内部。<object> 与 </object> 之间的文本是替换文本,针对不支持此标签的浏览器。<param> 标签可定义用于对象的 run-time 设置。

提示:至于图像,请使用 <img> 标签代替 <object> 标签。

提示:至少必须定义 "data" 和 "type" 属性之一。

通过使用<object>标签,你可以嵌入图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash 等。

。。。。。。

HTML5 <option> 标签

定义和用法:

HTML5 <option> 标签定义下拉列表中的一个选项。

HTML 4.01 与 HTML 5 之间的差异:

在 HTML 5 中,<option> 标签也用于新元素 <datalist> 中。

提示和注释:

注释:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。

注释:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。

。。。。。。

HTML5 <output> 标签

Firefox、Opera、Chrome 和 Safari 浏览器都支持 <output> 标签。

注意:Internet Explorer 浏览器不支持 <output> 标签。

HTML5 <output>标签用来定义不同类型的输出。

标签定义及使用说明:

<output> 标签作为计算结果输出显示(比如执行脚本的输出)。

在HTML 4.01 与 HTML5中的差异:

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

。。。。。。

HTML5 <optgroup> 标签

大多数主流浏览器支持 <optgroup>标签。

HTML5 <optgroup>标签用来定义一个选项组,即,可以将文档中的选项进行组合。

标签定义及使用说明:

<optgroup> 标签经常用于把相关的选项组合在一起。

如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

。。。。。。

HTML5 <p> 标签

目前大多数浏览器支持 <p>标签。

HTML5 <p>标签用于定义一个段落。

标签定义及使用说明:

<p> 标签定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

提示:在本站的HTML5编程实战中,你可以练习使用<p>标签!

在HTML 4.01 与 HTML5中的差异:

HTML 4.01中标签的 align 属性已经废弃,HTML5不支持该属性。

。。。。。。

HTML5 <pre> 标签

目前大多数浏览器支持 <pre> 标签。

HTML5 <pre>标签可以对文档中的文本进行预格式化。

标签定义及使用说明:

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

提示和注释:

提示:<pre> 标签的一个常见应用就是用来表示计算机的源代码。

在HTML 4.01 与 HTML5中的差异:

在 HTML 4.01 中,"width" 属性已废弃,不可使用。 HTML5 不支持"width"属性。

。。。。。。

HTML5 <param> 标签

<param> 标签支持大部分主流浏览器。但是 <object> 定义的文件格式不是所有的浏览器都支持。

注意:Internet Explorer 8和早期版本,不支持 .wav 文件。尝试将文件重命名为"horse.mp3"来检验该示例在 IE 版本中的使用。

HTML5 <param>标签为<object>标签提供嵌入内容的运行时参数的name与value对。

标签定义及使用说明:

<param>元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。

在HTML 4.01 与 HTML5 之间的差异:

HTML 4.01 属性: "type" 和 "valuetype",在 HTML5 中不支持。

在HTML 与 XHTML之间的差异:

在 HTML 中,<param> 标签没有结束标签。

在 XHTML 中,<param> 标签必须被正确地关闭。

。。。。。。

HTML5 <progress> 标签

IE 10,Firefox,Opera,Chrome和Safari 6支持<progress>标签。

注释: IE 9或者更早版本的IE浏览器不支持<progress>标签。

HTML5 <progress>标签用于定义文档中的进度条。

标签定义及使用说明:

<progress>标签定义运行中的任务进度(progress)。

HTML 4.01与HTML5之间的差异:

<progress>标签是HTML5中的新标签。

提示和注释:

提示:请将<progress>标签与JavaScript的一起使用来显示任务的进度。

注释: <progress>标签不适合用来表示度量衡(例如,磁盘空间使用情况或相关的查询结果)表示度量衡,请使用。<meter>标签代替。

。。。。。。

HTML5 <q> 标签

所有主流浏览器都支持 <q> 标签。

HTML5 <q>标签用于定义一个短引用。

标签定义及使用说明:

<q> 标签定义一个短的引用。

浏览器经常会在这种引用的周围插入引号。

提示和注释:

提示:请使用 <blockquote> 来标记摘自另一个源的块引用。

。。。。。。

HTML5 <rp> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rp> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <rp> 标签。

HTML5 <rp> 标签用于为那些不能通过浏览器显示的<ruby>标签的内容提供支持。

标签定义及使用说明:

<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

ruby 注释是中文注音或字符。在东亚使用,显示的是东亚字符的发音。

将 <rp> 标签与 <ruby> 和 <rt> 标签一起使用:

<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

HTML 4.01 与 HTML5之间的差异:

<rp> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <rt> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <rt> 标签。

标签定义及使用说明:

<rt> 标签定义字符(中文注音或字符)的解释或发音。

将 <rt> 标签与 <ruby> 和 <rp> 标签一起使用:

<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

HTML 4.01 与 HTML5之间的差异:

<rt> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <ruby> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <ruby> 标签。

HTML5 <ruby>标签作为注释标签使用。

标签定义及使用说明:

<ruby> 标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用:

<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

HTML 4.01 与 HTML5之间的差异:

<ruby> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <s> 标签

定义和用法:

<s> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。

HTML 4.01 与 HTML 5 之间的差异:

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

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

提示和注释:

提示:请使用 <del> 标签代替。

。。。。。。

HTML5 <sub> 和 <sup> 标签

所有主流浏览器都支持 <sub> 标签。

HTML5 <sub>和<sup>标签分别为文档中的内容定义下标和上标。

定义和用法:

<sub> 标签可定义下标文本。<sup> 可定义上标文本。

<sub>和<sup>标签在向文档添加脚注以及表示方程式中的指数值时非常有用!

。。。。。。

HTML5 <span> 标签

所有主流浏览器都支持 <span> 标签。

HTML5 <span>标签内的内容独立于文档,当对该标签应用样式时,包含在其中的内容会呈现出不同的视觉效果。

标签定义及使用说明:

<span> 用于对文档中的行内元素进行组合。

<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。

<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

提示和注释:

提示:被 <span> 元素包含的文本,您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作。

。。。。。。

HTML5 <small> 标签

定义和用法:

<small> 标签制作更小字号的文本。在HTML5中不再使用<small>标签,请参考“HTML <small> 标签”部分。

HTML 4.01 与 HTML 5 之间的差异:

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

。。。。。。

HTML5 <style> 标签

所有主流浏览器都支持 <style> 标签。

HTML5 <style>标签用于表示文档所使用的样式。

标签定义及使用说明:

<style> 标签定义 HTML 文档的样式信息。

在 <style> 元素中,您可以规定在浏览器中如何呈现 HTML 文档。

每个 HTML 文档能包含多个 <style> 标签。

提示和注释:

提示:如需链接外部样式表,请使用 <link> 标签。

提示:如需学习更多有关样式表的知识,请阅读我们的 CSS 教程。

注释:如果没有使用 "scoped" 属性,则每一个 <style> 标签必须位于 head 头部区域。

HTML 4.01 与 HTML5之间的差异:

"scoped" 属性是 HTML 5 中的新属性,它允许我们为文档的指定部分定义样式,而不是整个文档。

如果使用 "scoped" 属性,那么所规定的样式只能应用到 style 元素的父元素及其子元素。

。。。。。。

HTML5 <strike> 标签

定义和用法:

HTML5 <strike> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。

HTML 4.01 与 HTML 5 之间的差异:

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

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

提示和注释:

提示:请使用 <del> 标签代替。

。。。。。。

HTML5 <select> 标签

所有主流浏览器都支持 <select> 标签。

HTML5 <select>标签用于实现下拉列表。

标签定义及使用说明:

<select> 元素用来创建下拉列表。

<select> 元素中的 <option> 标签定义了列表中的可用选项。

提示和注释:

提示:<select> 元素是一种表单控件,可用于在表单中接受用户输入。

HTML 4.01 与 HTML5之间的差异:

HTML5 增加了一些新的属性。

。。。。。。

HTML5 <source> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 标签。

注释:IE 8 或更早版本的 IE 浏览器都不支持 <source> 标签。

HTML5 <source>标签用于为媒体元素定义媒体资源。

标签定义及使用说明:

<source> 标签为媒体元素(比如 <video> 和 <audio>)定义媒体资源。

<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。

HTML 4.01 与 HTML5之间的差异:

<source> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <section> 标签

IE 9+、Firefox、Opera、Chrome 和 Safari <section> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <section> 标签。

HTML5 <section>标签对文档中的内容进行分块或分段。

标签定义及使用说明:

<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

HTML 4.01 与 HTML5之间的差异:

<section> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <summary> 标签

目前,只有 Chrome 和 Safari 6 支持 <summary> 标签。

HTML5 <summary>标签定义在<details>标签中的内容的标题。

标签定义及使用说明:

<summary> 标签为 <details> 元素定义一个可见的标题。当用户点击标题时会显示出详细信息。

HTML 4.01 与 HTML5之间的差异:

<summary> 标签是 HTML5 中的新标签。

提示和注释:

注释:<summary> 元素应该是 <details> 元素的第一个子元素。

。。。。。。

HTML5 <td> 标签

所有主流浏览器都支持 <td> 标签。

HTML5 <td>标签用于表示一个表格中的单元格。

标签定义及使用说明:

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两种单元格类型:

表头单元格 - 包含头部信息(由 <th> 元素创建)

标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。

提示和注释:

提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!

HTML 4.01 与 HTML5之间的差异:

HTML 5 中不再支持 HTML 4.01 中的某些属性。

。。。。。。

HTML5 <th> 标签

所有主流浏览器都支持 <th> 标签。

HTML5 <th>标签用于表示一个表格的表头。

标签定义及使用说明:

<th> 标签定义 HTML 表格中的表头单元格。

HTML 表格有两种单元格类型:

表头单元格 - 包含头部信息(由 <th> 元素创建)

标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。

提示和注释:

提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!

HTML 4.01 与 HTML5之间的差异:

HTML 5 中不再支持 HTML 4.01 中的某些属性。

。。。。。。

HTML5 <tt> 标签

定义和用法:

HTML5 <tt> 标签定义打字机文本。HTML 5 中不再支持该标签。请使用 CSS 代替。

HTML 4.01 与 HTML 5 之间的差异:

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

提示和注释:

提示:请使用 CSS 向元素添加样式。

。。。。。。

HTML5 <tr> 标签

所有主流浏览器都支持 <tr> 标签。

HTML5 <tr>标签用于表示一个表格中的行。

标签定义及使用说明:

<tr> 标签定义 HTML 表格中的行。

一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。

HTML 4.01 与 HTML5之间的差异:

在 HTML 5 中,不支持 <tr> 标签在 HTML 4.01 中的任何属性。

。。。。。。

HTML5 <table> 标签

所有主流浏览器都支持 <table> 标签。

HTML5 <table>标签用于定义文档中的表格。

标签定义及使用说明:

<table> 标签定义 HTML 表格,一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。

<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。

HTML 4.01 与 HTML5之间的差异:

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 "0"。

。。。。。。

HTML5 <title> 标签

所有主流浏览器都支持 <title> 标签。

HTML5 <title>标签用来定义标题,该标签位于<head>标签内。

标签定义及使用说明:

<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。

<title>元素:

定义浏览器工具栏中的标题

提供页面被添加到收藏夹时的标题

显示在搜索引擎结果中的页面标题

提示和注释:

注释:一个 HTML 文档中不能有一个以上的 <title> 元素。

提示:如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。

。。。。。。

HTML5 <tfoot> 标签

所有主流浏览器都支持 <tfoot> 标签。

HTML5 <tfoot>标签用于表示一个表格中的页脚。请在带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格中使用。

标签定义及使用说明:

<tfoot> 标签用于组合 HTML 表格的页脚内容。

<tfoot> 元素应该与 <thead> 和 <tbody> 元素结合起来使用,用来规定表格的各个部分(页脚、表头、主体)。

通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<tfoot> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 和 <thead> 元素之后,<tbody> 和 <tr> 元素之前。

提示和注释:

注释:<tfoot> 元素内部必须包含一个或者多个 <tr> 标签。

提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。

HTML 4.01 与 HTML5之间的差异:

在 HTML 5 中,不再支持 HTML 4.01 中 <tfoot> 标签的任何属性。

。。。。。。

HTML5 <thead> 标签

所有主流浏览器都支持 <thead> 标签。

HTML5 <thead>标签用于将表格中的表头组合起来。

标签定义及使用说明:

<thead> 标签用于组合 HTML 表格的表头内容。

<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。

通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、<tfoot> 和 <tr> 元素之前。

提示和注释:

注释:<thead> 元素内部必须包含一个或者多个 <tr> 标签。

提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。

HTML 4.01 与 HTML5之间的差异:

在 HTML 5 中,不再支持 HTML 4.01 中 <thead> 标签的任何属性。

。。。。。。

HTML5 <time> 标签

HTML5 <time>标签用于标注日期、时间或日期与时间的组合(日期格式是YYYY-MM-DD)。

标签定义及使用说明:

<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

HTML 4.01 与 HTML5之间的差异:

<time> 标签是 HTML5 中的新标签。

。。。。。。

HTML5 <tbody> 标签

所有主流浏览器都支持 <tbody> 标签。

HTML5 <tbody>标签用于组合表格中的主体内容。

标签定义及使用说明:

<tbody> 标签用于组合 HTML 表格的主体内容。

<tbody> 元素应该与 <thead> and <tfoot> 元素结合起来使用,用来规定表格的各个部分(主体、表头、页脚)。

通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<tbody> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 和 <thead> 元素之后。

提示和注释:

注释:<tbody> 元素内部必须包含一个或者多个 <tr> 标签。

提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。

HTML 4.01 与 HTML5之间的差异:

在 HTML 5 中,不再支持 HTML 4.01 中 <tbody> 标签的任何属性。

。。。。。。

HTML5 <textarea> 标签

所有主流浏览器都支持 <textarea> 标签。

HTML5 <textarea>标签用于创建一个可以输入多行的文本框。

标签定义及使用说明:

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。

HTML 4.01 与 HTML5之间的差异:

HTML5 增加了一些新的属性。

HTML5 中的新属性:

属性            值                        描述

autofocus autofocus        规定当页面加载时,文本区域自动获得焦点。

cols            number            规定文本区域内可见的列数。

disabled    disabled            规定禁用文本区域。

form            form_id            定义文本区域所属的一个或多个表单。

maxlength number            规定文本区域允许的最大字符数。

name        text                    规定文本区域的名称。

placeholder text                    规定一个简短的提示,描述文本区域期望的输入值。

readonly    readonly            规定文本区域为只读。

required    required            规定文本区域是必需的/必填的。

rows        number            规定文本区域内可见的行数。

wrap        hard  soft            规定当提交表单时,文本区域中的文本应该怎样换行。


推荐阅读:
  1. HTML5中的a标签新增是什么
  2. HTML5中新增的标签和属性是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 定义 属性

上一篇:iStatistica Pro for Mac(系统状态监控工具)

下一篇:small crushers for rent in usa

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》