我的编程空间,编程开发者的网络收藏夹
学习永远不晚

HTML标签和说明

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

HTML标签和说明

HTML <!--...--> 注释标签

标签定义及使用说明

所有主流浏览器都支持 <!--...--> 注释标签。

<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。

您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

HTML注释的作用:

一套完整的代码可以让人眼花缭乱,当程序员想要对某些部分进行修改的时候,可能要花很多的时间去找出那部分的代码。就像我们在文章中给重要的部分进行标记、做记号一样,在代码里可以使用到“注释标签”来对一些代码进行注解。注释标签不会在可视化界面当中显示,因为它只是程序员们用来标注说明的一个小玩意,用来对一些代码程序进行解释,也方便后来者能够快速地接手并且理解其用处。 

。。。。。。

HTML <!DOCTYPE> 声明

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

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

DOCTYPE 是 document type(文档类型)的简写。

!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

标签定义及使用说明:

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

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

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

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

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

提示和注释:

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

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

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

常见的 DOCTYPE 声明:

HTML 5:

<!DOCTYPE html>   

HTML 4.01 Strict:

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。           

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

     

HTML 4.01 Transitional:

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。           

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">    

   

HTML 4.01 Frameset:

这个 DTD 与 HTML 4.01 Transitional 相同,但是允许使用框架集内容。          

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 

      

XHTML 1.0 Strict:

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。          

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  

XHTML 1.0 Transitional:

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。          

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

     

XHTML 1.0 Frameset:

这个 DTD 与 XHTML 1.0 Transitional 相同,但是允许使用框架集内容。          

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 

     

XHTML 1.1:

这个 DTD 与 XHTML 1.0 Strict 相同,但是允许您添加模块(例如为东亚语言提供 ruby 支持)。           

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  

。。。。。。

HTML <a> 标签

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

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

<a> 标签最重要的属性是 href 属性,用于创建指向另外一个文档的链接(或超链接)。

标签定义及使用说明:

<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 的属性。

。。。。。。

HTML <abbr> 标签

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

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

<abbr> 标签表示一个缩写形式。

<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。

标签定义及使用说明:

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

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

提示和注释:

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

全局属性:<abbr> 标签支持 HTML 的全局属性。

事件属性:<abbr> 标签支持 HTML 的事件属性。

。。。。。。

HTML <acronym> 标签 - HTML5 不支持

所有主流浏览器都支持 <acronym> 。

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

<acronym> 标签允许明确地声明一个字符序列,它们构成一个单词的首字母缩写或简略语。

<acronym> 标签已从 HTML5 中移除,不应再被使用,Web 开发者应使用 <abbr> 标签。

标签定义及使用说明:

HTML5 不支持 <acronym> 标签。请使用 <abbr> 标签代替它。

<acronym> 标签定义首字母缩略词。

如果首字母缩略词是一个单词,则可以被读出来,例如 NATO, NASA, ASAP, GUI。

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <acronym> 标签,HTML 4.01 支持 <acronym> 标签。

。。。。。。

HTML <address> 标签

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

使用 <address> 标签来定义地址、签名或者文档的作者身份,如下示例(使用该标签的文本显示为斜体)

标签定义及使用说明:

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

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

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

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

提示和注释:

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

提示: <address> 元素通常被包含在 <footer> 元素的其他信息中。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<address>标签支持 HTML 的全局属性。

事件属性:<address>标签支持 HTML 的事件属性。

。。。。。。

HTML <applet> 标签 - HTML5 不支持

注释:某些浏览器中依然存在对 <applet> 但是需要额外的插件和安装过程才能起作用。

使用 <applet> 标签时,常用的三个属性是:code 属性、width 属性以及 height 属性。

code 属性的值一定是您存放 applet 类的路径。

width 属性表示您的 applet 在浏览器中占用的宽度。

height 属性表示您的 applet 在浏览器中占用的高度。

标签定义及使用说明:

HTML5 不支持 <applet> 标签。请使用 <object> 标签代替它。

在 HTML 4.01 中,<applet> 元素 已废弃。

<applet> 标签定义嵌入的 applet。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <applet> 标签,HTML 4.01 已废弃 <applet> 标签。

事件属性:在 HTML 4.01 中,<applet> 标签不支持任何事件属性。

。。。。。。

HTML <area> 标签

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

<area> 标签可以在图像上划分区域,这些区域是可以点击的,并且对应不同的操作。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

HTML 与 XHTML 之间的差异:

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

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

全局属性:<area> 标签支持 HTML 的全局属性。

事件属性:<area> 标签支持 HTML 的事件属性。

。。。。。。

HTML <article> 标签

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

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

<article> 标签是 HTML5 新增标签。

<article> 标签表示页面中与上下文不相关的独立的内容部分

标签定义及使用说明:

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

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

<article> 标签可以嵌套使用,内外层内容相关联。

<article> 标签主要是布局文章、内容方面的内容。

<article> 的潜在来源:

论坛帖子

博客文章

新闻故事

评论

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<article> 标签支持 HTML 的全局属性。

事件属性:<article> 标签支持 HTML 的事件属性。

。。。。。。

HTML <aside> 标签

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

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

<aside> 标签为语义化标签。

标签定义及使用说明:

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

<aside> 标签在 article 元素之外使用作为页面或站点全局的附属信息部分。

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

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

全局属性:<aside> 标签支持 HTML 的全局属性。

事件属性:<aside> 标签支持 HTML 的事件属性。

。。。。。。

HTML <audio> 标签

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

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

<audio> 标签是 HTML5 提供的用来播放音频文件的。

标签定义及使用说明:

<audio> 标签定义声音,比如音乐或其他音频流。

目前,<audio> 元素支持的3种文件格式:MP3、Wav、Ogg。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

提示:可以在 <audio> 和 </audio> 之间放置文本内容,这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。

全局属性:<audio> 标签支持 HTML 的全局属性。

事件属性:<audio> 标签支持 HTML 的事件属性。

。。。。。。

HTML <b> 标签

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

这 <b> 元素以粗体标记要强调的文本。对于所有浏览器来说,这意味着要把这段文字以加粗(粗体)样式方式显示。

标签定义及使用说明:

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

提示和注释:

注释:根据 HTML 5 的规范, <b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。HTML 5 规范声明:标题应该用标签<h2> - <h7>

表示,被强调的文本应该用 <em> 标签表示,重要的文本应该用 <strong> 标签表示,被标记的或者高亮显示的文本应该用 <mark> 标签表示。

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

全局属性:<b> 标签支持 HTML 的全局属性。

事件属性:<b> 标签支持 HTML 的事件属性。

。。。。。。

HTML 标签

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

<base> 标签是 HTML 语言中的基准网址标记,是一个单标签。

<base> 标签位于网页头部文件的 <head> 标签内,一个页面最多只能使用一个 base 元素,用来提供一个指定的默认目标。

标签定义及使用说明:

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

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

提示和注释:

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

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

HTML 与 XHTML 之间的差异:

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

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

全局属性:<base> 标签支持 HTML 的全局属性。

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

。。。。。。

HTML <basefont> 标签 - HTML5 不支持

只有 IE 9 和更早版本的 IE 浏览器支持 <basefont> 标签。应该避免使用该标签。

<basefont> 标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。

标签定义及使用说明:

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

在 HTML 4.01 中,<basefont> 元素 已废弃。

<basefont> 标签定义文档中所有文本的默认颜色、大小和字体。

提示和注释:

提示:使用 CSS 为文档中的文本规定默认颜色、大小和字体。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <basefont> 标签,HTML 4.01 已废弃 <basefont> 标签。

事件属性:在 HTML 4.01 中,<basefont> 标签不支持任何事件属性。

。。。。。。

HTML <bdi> 标签

目前只有 Firefox 和 Chrome 浏览器支持 <bdi> 标签。

<bdi> 元素是指双向隔离元素。

<bdi> 标签的开始标签和结束标签都不能省略。

标签定义及使用说明:

bdi 指的是 bidi 隔离(Bi-directional Isolation)。

<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。

在发布用户评论或其他您无法完全控制的内容时,该标签很有用。

提示:尽管同样的显示效果可以通过使用 CSS 规则:unicode-bidi 隔离文本格式化元素,但语义信息只能通过 <bdi> 元素传递。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<bdi> 标签支持 HTML 的全局属性。

事件属性:<bdi> 标签支持 HTML 的事件属性。

。。。。。。

HTML <bdo> 标签

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

<bdo> 标签定义页面中文本排序的显示方向,用于想要改变排序的文本。

标签定义及使用说明:

bdo 指的是 bidi 覆盖(Bi-Directional Override)。

<bdo> 标签用来覆盖默认的文本方向。

<bdo> 标签必须配合 dir 属性使用。

<bdo> 标签有 ltr 和 rtl 两个属性值,分别表示:从左到右显示文本和从右到左显示文本。

全局属性:<bdo> 标签支持 HTML 的全局属性。

事件属性:<bdo> 标签支持 HTML 的事件属性。

。。。。。。

HTML <big> 标签 - HTML5 不支持

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

<big> 标签中的显示文本要以比当前字体稍大的字体显示。

标签定义及使用说明:

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

<big> 标签用来制作更大的文本。

提示和注释:

提示:在文档中使用 CSS 来规定文本大小。

提示:如果文字已经是最大号字体(直到上限 7 号文本),这个 <big> 标签将不起任何作用。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <big> 标签,HTML 4.01 支持 <big> 标签。

。。。。。。

HTML <blockquote> 标签

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

<blockquote> 标签同样是对文本进行引用,不同的是该标签引用的是长文本。

<blockquote> 标签内的内容会自动有缩进。 

标签定义及使用说明:

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

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

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

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

HTML 与 XHTML 之间的差异:

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

<blockquote> 

<p>Here is a long quotation here is a long quotation.</p> 

</blockquote>

全局属性:<blockquote> 标签支持 HTML 的全局属性。

事件属性:<blockquote> 标签支持 HTML 的事件属性。

。。。。。。

HTML <body> 标签

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

<body> 标签表示 HTML 网页的主体部分,该标签内的内容使用户可以看到的。

一个 HTML 文件只能存在一个 <body> 标签。 

标签定义及使用说明:

<body> 标签定义文档的主体。

<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。

HTML 4.01 与 HTML5之间的差异:

在 HTML 5 中,删除了所有 body 元素的"呈现属性"。

在 HTML 4.01 中,所有 body 元素的"呈现属性" 已废弃。

全局属性:<body> 标签支持 HTML 的全局属性。

事件属性:<body> 标签支持 HTML 的事件属性。

。。。。。。

HTML <br> 标签

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

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

标签定义及使用说明:

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

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

<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

提示和注释:

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

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

HTML 与 XHTML 之间的差异:

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

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

全局属性:<br> 标签支持 HTML 的全局属性。

事件属性:<br> 标签支持 HTML 的事件属性。

。。。。。。

HTML <button> 标签

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

<button> 标签用来设置 HTML 中的按钮。 

标签定义及使用说明:

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

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

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

提示和注释:

提示:与 <input type="button"> 相比,<button> 标签提供了更为强大的功能和更丰富的内容。

注释:如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。IE 浏览器将提交 <button> 标签之间的文本,而其他浏览器将提交 value 属性的内容。请使用 <input> 在 HTML 表单中创建按钮。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<button> 标签支持 HTML 的全局属性。

事件属性:<button> 标签支持 HTML 的事件属性。

。。。。。。

HTML <canvas> 标签

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

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

提示:我们可以在<canvas> 标签的开始标签和结束标签之间可以放置一段文本,当浏览器不支持<canvas> 标签时,这段文本将显示在<canvas> 标签所在的位置上,使用者就会明白<canvas> 标签不适用于此浏览器。

<canvas> 标签是 HTML5 中新定义的标签,它是一个画布标签,只是作为一个图形容器,必须使用脚本来绘制图形。

标签定义及使用说明:

<canvas> 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。

<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

注释:<canvas> 元素中的任何文本将会被显示在不支持 <canvas> 的浏览器中。

提示:如想了解 canvas 对象的所有属性和方法,必须学会JavaScript。

全局属性:<canvas> 标签支持 HTML 的全局属性。

事件属性:<canvas> 标签支持 HTML 的事件属性。

。。。。。。

HTML <caption> 标签

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

<caption> 标签表示 HTML 表格的标题,对表格的简单描述。

标签定义及使用说明:

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

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

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

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

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 align 属性。

HTML 4.01 已废弃 align 属性。请使用 CSS 样式取而代之。

全局属性:<caption> 标签支持 HTML 的全局属性。

事件属性:<caption> 标签支持 HTML 的事件属性。

。。。。。。

HTML <center> 标签 - HTML 5 不支持

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

<center> 标签控制文本的居中显示,不能在 HTML5 中使用。

标签定义及使用说明:

HTML5 不支持 <center> 标签。请用 CSS 代替。

在 HTML 4.01 中,<center> 元素已废弃。

<center> 对其所包括的文本进行水平居中。

提示和注释:

提示:请使用 CSS 样式来居中文本!

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <center> 标签。请用 CSS 代替。

。。。。。。

HTML <cite> 标签

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

<cite> 标签表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。

<cite> 标签中的文本将会以斜体显示。

标签定义及使用说明:

<cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

注释:人名不属于作品的标题。

提示:<cite> 标签还有一个不为人知的功能:使用该标签,您或其他人可以从文档中自动摘录参考书目。例如:浏览器能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。也就是说,文档的内容可以通过浏览器以不同的方式展示给用户。

HTML 4.01 与 HTML5之间的差异:

在 HTML5 中, <cite> 标签定义作品的标题。

在 HTML 4.01 中, <cite> 标签定义一个引用。

全局属性:<cite> 标签支持 HTML 的全局属性。

事件属性:<cite> 标签支持 HTML 的事件属性。

。。。。。。

HTML <code>标签

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

<code> 标签的功能有:将文本变成等宽字体以及提示这段文本是源程序代码。

标签定义及使用说明:

<code> 标签是一个短语标签,用来定义计算机代码文本。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,建议您使用 CSS ,这样可能会取得更丰富的效果。

全局属性:<code> 标签支持 HTML 的全局属性。

事件属性:<code> 标签支持 HTML 的事件属性。

。。。。。。

HTML <col> 标签

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

<col> 标签用于为表格中的一列或多列设置属性值。

<col> 标签只能在 <table> 元素或 <colgroup> 元素内部使用。 

标签定义及使用说明:

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

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

注释:col 元素是仅包含属性的空元素。如需创建列,您就必须在 tr 元素内部规定 td 元素。

HTML 4.01 与 HTML5之间的差异:

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

HTML 与 XHTML 之间的差异:

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

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

全局属性:<col> 标签支持 HTML 的全局属性。

事件属性:<col> 标签支持 HTML 的事件属性。

。。。。。。

HTML <colgroup> 标签

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

<colgroup> 标签用于表示 HTML 的表格列组,定义了表中的一组列表。

标签定义及使用说明:

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

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<colgroup> 标签支持 HTML 的全局属性。

事件属性:<colgroup> 标签支持 HTML 的事件属性。

。。。。。。

HTML <command> 标签

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

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

<command> 标签的作用是定义 HTML 的命令按钮。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<command> 标签支持 HTML 的全局属性。

事件属性:<command> 标签支持 HTML 的事件属性。

。。。。。。

HTML <datalist> 标签

IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 标签。

注释:IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 <datalist> 标签。

<datalist> 标签需要与 <input> 标签配合使用,用来表示可选的列表。 

标签定义及使用说明:

<datalist> 标签规定了 <input> 元素可能的选项列表。

<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。

请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。

提示:不能控制 datalist 的位置,并且不能将其与服务器的数据进行绑定。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<datalist> 标签支持 HTML 的全局属性。

事件属性:<datalist> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dd> 标签

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

<dd> 元素是 HTML 描述元素,作为描述列表(<dl> 元素)的子元素出现,必须后跟一个 <dt> 元素。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

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

全局属性:<dd> 标签支持 HTML 的全局属性。

事件属性:<dd> 标签支持 HTML 的事件属性。

。。。。。。

HTML <del> 标签

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

<del> 标签表示已经从文档中删除的文本,通常呈现带删除线的文本。

标签定义及使用说明:

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

提示和注释:

提示:您也可以看看 <ins> 标签如何标记先插入的文本。

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

全局属性:<del> 标签支持 HTML 的全局属性。

事件属性:<del> 标签支持 HTML 的事件属性。

。。。。。。

HTML <details> 标签

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

<details> 标签用于创建一个可展开折叠的元件,用户可以从中检索其他附加的信息。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

全局属性:<details> 标签支持 HTML 的全局属性。

事件属性:<details> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dfn> 标签

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

<dfn> 标签可标记那些对特殊术语或短语的定义。

<dfn> 元素是一个内嵌元素。

标签定义及使用说明:

<dfn> 标签是一个短语标签,用来定义特殊术语或短语。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。

所有短语标签:

标签          描述

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

<strong>   定义重要的文本。

<dfn>       定义特殊术语或短语。

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

<samp>   定义样本文本。

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

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

全局属性:<dfn> 标签支持 HTML 的全局属性。

事件属性:<dfn> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dialog> 标签

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

如果您需要在 HTML 中实现对话框,那么可以使用 <dialog> 标签。

<dialog> 标签用于表示一个对话框或其他交互式组件

标签定义及使用说明:

<dialog> 标签定义一个对话框、确认框或窗口。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<dialog> 标签支持 HTML 的全局属性。

事件属性:<dialog> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dir> 标签 - HTML5 不支持

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

<dir> 标签表示一个目录,即文件名的集合。该标签的功能已经过时了,虽然部分浏览器仍然支持它的使用,但是不建议您使用它。

标签定义及使用说明:

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

在 HTML 4.01 中,<dir> 元素已废弃。

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

提示和注释:

提示:请使用 CSS 来为列表添加样式!在我们的 CSS 教程中,您可以找到更多有关为列表添加样式的细节。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <dir> 标签,HTML 4.01 已废弃 <dir> 标签。

。。。。。。

HTML <div> 标签

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

<div> 标签本身并不代表任何东西,使用它可以标记区域,例如样式化 (使用 class 或 id 属性)、用不同的语言 (使用 lang 属性) 标记 HTML 文档的某个部分,等等。

标签定义及使用说明:

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

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

可以对同一个 <div> 标签同时应用 class 或 id 属性,但通常情况下我们偏向于只使用其中一种。

为了避免麻烦,您可以不必为每一个 <div> 标签都加上 class 或 id 属性。

提示和注释:

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

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

HTML 4.01 与 HTML5之间的差异:

HTML5 中不支持 align 属性。

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

全局属性:<div> 标签支持 HTML 的全局属性。

事件属性:<div> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dl> 标签

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

<dl> 标签代表一个描述列表。该标签的常用用途是实现词汇表或显示元数据(键值对列表)。

标签定义及使用说明:

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

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

<dl> 标签必须有开始标签和结束标签。

HTML 4.01 与 HTML5之间的差异:

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

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

全局属性:<dl> 标签支持 HTML 的全局属性。

事件属性:<dl> 标签支持 HTML 的事件属性。

。。。。。。

HTML <dt> 标签

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

<dt> 标签只能够作为 <dl> 标签的一个子元素出现,常常后跟一个 <dd> 标签。

标签定义及使用说明:

<dt> 标签定义一个描述列表的项目/名字。

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

一行中的多个 <dt> 标签表示由紧邻的下一个 <dd> 元素定义的多个术语。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<dt> 标签定义一个定义列表的条目。

在 HTML5 中,<dt> 标签定义一个描述列表的项目/名字。

全局属性:<dt> 标签支持HTML 的全局属性。

事件属性:<dt> 标签支持HTML 的事件属性。

。。。。。。

HTML <em> 标签

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

<em> 标签用于标记重点强调的文本,您可以对该标签进行嵌套,每个嵌套级别表示更大程度的强调。

标签定义及使用说明:

<em> 标签是一个短语标签,用来呈现为被强调的文本。

<em> 标签中的文本以斜体显示,但最后不要仅仅为了斜体效果而使用 <em> 标签。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。

所有短语标签:

标签         描述

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

<strong> 定义重要的文本。

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

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

<samp>定义样本文本。

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

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

全局属性:<em> 标签支持 HTML 的全局属性。

事件属性:<em> 标签支持 HTML 的事件属性。

。。。。。。

HTML <embed> 标签

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

<embed> 标签用来定义在页面中嵌入的内容,比如插件。

标签定义及使用说明:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<embed> 标签支持 HTML 的全局属性。

事件属性:<embed> 标签支持 HTML 的事件属性。

。。。。。。

HTML <fieldset> 标签

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

<fieldset> 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。

标签定义及使用说明:

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

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

提示和注释:

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

提示:<legend> 必须是 <fieldset> 元素的一个子元素

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<fieldset> 标签支持 HTML 的全局属性。

事件属性:<fieldset> 标签支持 HTML 的事件属性。

。。。。。。

HTML <figcaption> 标签

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

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

HTML5 中的新标签。

<figcaption> 标签用于表示与图形或图例有关联的标题,通常用来定义 <figure> 元素的标题

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<figcaption> 标签支持 HTML 的全局属性。

事件属性:<figcaption> 标签支持 HTML 的事件属性。

。。。。。。

HTML <figure> 标签

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

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

<figure> 标签可以用来表示自包含的内容,并且一般作为单个单元引用。

标签定义及使用说明:

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

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

<figure> 元素可以与标题相关联,通过在其中插入 <figcaption> 元素(作为第一个或最后一个子项)。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

全局属性:<figure> 标签支持 HTML 的全局属性。

事件属性:<figure> 标签支持 HTML 的事件属性。

。。。。。。

HTML <font> 标签 - HTML5 不支持

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

<font> 标签的使用示例如下所示,该标签已经过时,因此我们不建议您使用该标签。 

标签定义及使用说明:

HTML5 不支持 <font> 标签。请用 CSS 代替。

在 HTML 4.01 中,<font> 元素已废弃。

<font> 标签规定文本的字体、字体尺寸、字体颜色。

提示和注释:

提示:请使用 CSS 来定义文本的字体、尺寸、颜色。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <font> 标签,HTML 4.01 已废弃 <center> 标签。

事件属性:在 HTML 4.01 中,<font> 标签不支持任何的事件属性。

。。。。。。

HTML <footer> 标签

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

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

<footer> 标签一般用于网页的底部布局,表示页脚,包含与文档相关的信息。

标签定义及使用说明:

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

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

全局属性:<footer> 标签支持 HTML 的全局属性。

事件属性:<footer> 标签支持 HTML 的事件属性。

。。。。。。

HTML <form> 标签

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

使用 <form> 标签可以向服务器传输数据

标签定义及使用说明:

<form> 标签用于创建供用户输入的 HTML 表单。您可以在本站的编程实战中简单地添加一个表单。

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

<input>

<textarea>

<button>

<select>

<option>

<optgroup>

<fieldset>

<label>

HTML 4.01 与 HTML5之间的差异:

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

HTML 与 XHTML 之间的差异:

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

全局属性:<form> 标签支持 HTML 的全局属性。

事件属性:<form> 标签支持 HTML 的事件属性。

。。。。。。

HTML <frame> 标签 - HTML5 不支持

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

值得一提的是HTML5不支持<frame> 标签。

标签定义及使用说明:

HTML5 不支持 <frame> 标签。

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

<frameset> 中的每个 <frame> 都可以设置不同的属性,比如 border、scrolling, noresize 等等。

注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <frame> 标签,HTML 4.01 支持 <frame> 标签。

HTML 与 XHTML 之间的差异:

在 HTML 中,<frame> 标签没有结束标签。在 XHTML 中,<frame> 标签必须被正确地关闭。

事件属性:根据 W3C 的标准,在 HTML 4.01 中,<frame> 标签不支持任何的时间属性,但是,所有的浏览器都支持 onload 事件。

。。。。。。

HTML <frameset> 标签 - HTML5 不支持

虽然该标签已经从 Web 标准中删除,但是某些浏览器还是支持它。

标签定义及使用说明:

HTML5 不支持 <frameset> 标签。

<frameset> 标签定义一个框架集。

<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。

<frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。

注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。

事件属性:在 HTML 4.01 中,<frameset> 标签支持如下事件属性,

属性          值      描述

onload      script  当文档被载入时执行脚本

onunload  script  当文档被卸下时执行脚本

。。。。。。

HTML <head> 标签

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

<head> 标签包含关于 HTML 文档的一般信息(元数据),这些数据可以是:标题、指向脚本和样式表的链接。

标签定义及使用说明:

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

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

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

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

<style>

<base>

<link>

<meta>

<script>

<noscript>

HTML 4.01 与 HTML5之间的差异:

HTML5 不再支持 profile 属性。

全局属性:<head> 标签支持 HTML 的全局属性。

。。。。。。

HTML <header> 标签

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

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

<header> 标签表示介绍性的内容,可以让您了解页面涉及的内容,具有导航性。

<header> 标签可能包含标题元素或者其他元素

标签定义及使用说明:

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

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<header> 标签支持 HTML 的全局属性。

事件属性:<header> 标签支持 HTML 的事件属性。

。。。。。。

HTML <hgroup> 标签

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

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

<hgroup> 标签表示文档部分的多级标题,用于对网页或区段(section)的标题进行组合。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<hgroup> 标签支持 HTML 的全局属性。

事件属性:<hgroup> 标签支持 HTML 的事件属性。

。。。。。。

HTML <h2> - <h7> 标签

所有主流浏览器都支持 <h2> - <h7> 标签。

<h2> - <h7> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题。

标签定义及使用说明:

<h2> - <h7> 标签被用来定义 HTML 标题。

<h2> 定义重要等级最高的标题。<h7> 定义重要等级最低的标题。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<h2> - <h7> 的 "align" 属性已被废弃。在 HTML 5 中,<h2> - <h7> 元素的 "align" 属性不被支持。请使用 CSS 来排列元素。

全局属性:<h2> - <h7> 标签支持 HTML 的全局属性。

事件属性:<h2> - <h7> 标签支持 HTML 的事件属性。

。。。。。。

HTML <hr> 标签

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

<hr> 标签表示段落级元素之间的主题划分。

标签定义及使用说明:

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

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

HTML 4.01与HTML5之间的差异:

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

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

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

HTML与XHTML之间的差异:

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

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

全局属性:<hr>标签支持HTML的全局属性。

事件属性:<hr>标签支持HTML的事件属性。

。。。。。。

HTML <i> 标签

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

<i> 标签中的文本显示为斜体,代表一定范围的文本具有特别的语义。

标签定义及使用说明:

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

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

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

<em>      (被强调的文本)

<strong> (重要的文本)

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

<cite>     (作品的标题)

<dfn>     (一个定义项目)

提示:<i> 标签一定要和结束标签 </i> 一起使用。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<i> 标签支持 HTML 的全局属性。

事件属性:<i> 标签支持 HTML 的事件属性。

。。。。。。

HTML <iframe> 标签

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

<iframe> 标签会创建包含另外一个文档的内联框架,有效地将另一个 HTML 页面嵌入到当前页中。

标签定义及使用说明:

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

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

提示和注释:

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

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

提示:<iframe> 标签主要用于那些多个网页的共有部分,如导航栏、广告栏等。

HTML 4.01 与 HTML5之间的差异:

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

HTML 与 XHTML 之间的差异:

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

全局属性:<iframe> 标签支持 HTML 的全局属性。

事件属性:<iframe> 标签支持 HTML 的事件属性。

。。。。。。

HTML <img> 标签

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

<img> 标签用于展示 HTML 页面中的图像,使得页面能够“图文并茂”。

标签定义及使用说明:

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

<img> 标签有两个必需的属性:class="lazy" data-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> 标签必须被正确地关闭。

全局属性:<img> 标签支持 HTML 的全局属性。

事件属性:<img> 标签支持 HTML 的事件属性。

。。。。。。

HTML <input> 标签

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

<input> 标签用于创建交互式控件,这类控件是基于 web 表单的,它可以接收用户的数据、信息。

标签定义及使用说明:

<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> 标签必须被正确地关闭。

全局属性:<input> 标签支持全局属性。

事件属性:<input> 标签支持所有 HTML事件属性。

。。。。。。

HTML <ins> 标签

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

<ins> 标签表示范围内的文本已经被添加到文档中(通常是文档中更新和修正的部分)。

标签定义及使用说明:

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

提示和注释:

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

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

提示:<del> 和 <ins> 不能同时既是块级元素又是内联元素。

全局属性:<ins> 标签支持 HTML 的全局属性。

事件属性:<ins> 标签支持 HTML 的事件属性。

。。。。。。

HTML <kbd> 标签

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

<kbd> 标签表示用户从键盘上输入的文本

标签定义及使用说明:

<kbd> 标签定义键盘文本。

<kbd> 标签为内嵌元素。

提示: <kbd> 标签已废弃,不推荐使用,但是可以通过CSS实现丰富的效果。

所有标签短语:

标签          描述

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

<strong>   定义重要的文本。

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

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

<samp>  定义样本文本。

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

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

全局属性:<kbd> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<kbd> 标签支持所有 HTML事件属性。

。。。。。。

HTML <keygen> 标签

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

<keygen> 标签已经从 Web 标准中删除。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

<keygen> 元素是 HTML5 新标签。

全局属性:<keygen> 标签支持全局属性,查看完整属性表 HTML全局属性

事件属性:<keygen> 标签支持所有 HTML事件属性

。。。。。。

HTML <label> 标签

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

<label> 标签是一种常见的表单控件,触发对应表单控件功能,让用户在使用表单的时候能够有更好的体验。

标签定义及使用说明:

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

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

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<label> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<label> 标签支持所有 HTML事件属性。

。。。。。。

HTML <legend> 标签

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

在 HTML 中我们可以对表单的信息进行分组归类,而<legend> 标签就可以用来组合表单的相关元素,表示了其父级 <fieldset> 内容的标题。

标签定义及使用说明:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<legend> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<legend> 标签支持所有 HTML事件属性。

。。。。。。

HTML <li> 标签

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

您将了解到<li> 标签相关的内容。一起来看看HTML <li> 标签。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

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

提示和注释:

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

全局属性:<li> 标签支持全局属性,查看完整属性表 HTML 全局属性。

事件属性:<li> 标签支持所有 HTML 事件属性。

。。。。。。

HTML<link>标签

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

<link> 标签经常用于链接 CSS 样式表。

标签定义及使用说明:

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

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

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

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

注意:根据 W3C 标准,<link .... ... />构成完整的一个 link 标签。

HTML 4.01 与 HTML5之间的差异:

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

HTML5 新增了 "sizes" 属性。

HTML 与 XHTML 之间的差异:

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

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

全局属性:<link> 标签支持全局属性,查看完整属性表 HTML 全局属性。

事件属性:<link> 标签支持所有 HTML 事件属性。

。。。。。。

HTML <map>标签

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

<map> 标签可以和 <area> 元素一起使用,以此来达到定义图像映射(可点击的链接区域)的目标。

标签定义及使用说明:

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

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

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

提示:要完成图像映射要用到三种标签:<img> 标签、<map>标签、<area>标签。

HTML 4.01 与 HTML5之间的差异:

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

HTML 与 XHTML 之间的差异:

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

全局属性:<map> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<map> 标签支持所有 HTML事件属性。

。。。。。。

HTML5 <mark> 标签

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

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

如果您需要突出显示 HTML 文档中某一部分的文本,则您可以使用该 <mark> 标签

标签定义及使用说明:

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

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

提示: 虽然使用 <strong> 标签、<em> 标签同样能达到这样的效果,但是它们的作用是强调文本,并非仅仅是高亮显示文本,因此不推荐使用。

HTML 4.01 与 HTML5之间的差异:

<mark> 是 HTML5 新标签。

全局属性:<mark> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<mark> 标签支持所有 HTML事件属性。

。。。。。。

HTML <menu> 标签

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

<menu> 标签定义了菜单列表,它实现的显示效果和无序列表是相同的

标签定义及使用说明:

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

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

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

全局属性:<menu> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<menu> 标签支持所有 HTML事件属性。

。。。。。。

HTML <meta> 标签

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

<meta> 标签是 HTML 语言头部的一个辅助性标签,提供有关页面的元信息(比如:针对搜索引擎和更新频度的描述和关键词、定义页面使用的语言),使用好 <meta> 标签对 HTML 很有益。

标签定义及使用说明:

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

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

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

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

注意:<meta> 标签中的元数据无法使用其他的元相关标签表示,例如:<base>、<link>,<script>、<style>或<title>。

提示和注释:

注意:<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> 标签必须包含结束标签。

事件属性:<meta> 标签支持所有 HTML事件属性。

。。。。。。

HTML <meter> 标签

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

在 HTML 中给定一个具体的范围(包括最大值与最小值),然后使用 <meter> 标签来显示该给定范围内的数据。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5 之间的差异:

<meter> 是 HTML5 的新标签。

全局属性:<meter> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<meter> 标签支持所有 HTML事件属性。

。。。。。。

HTML <nav> 标签

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

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

<nav> 标签表示一个页面中的某个部分,目的是提供导航链接,常见的导航栏的示例是菜单、目录和索引。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5中的差异:

<nav> 是 HTML5 的新标签。

全局属性:<nav> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<nav> 标签支持所有 HTML事件属性。

。。。。。。

HTML <noframes> 标签HTML5不支持该标签

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

<noframes> 标签用于支持不支持 <frame> 元素的浏览器。

标签定义及使用说明:

HTML5 不支持 <noframes> 标签。

<noframes> 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。

<noframes> 元素插入在 <frameset> 元素中使用。

注意: 如果您希望验证包含框架的页面,请确保 DTD 被设置为 "Frameset DTD"。

注意:如果您希望<frameset> 元素中添加 <noframes> 标签,就必须把其中的文本包装在 <body></body> 标签中!

HTML 4.01 与 HTML5 的差异:

HTML5不支持 <noframes> 标签,HTML 4.01 支持该标签。

HTML 与 XHTML 的差异:

重要: 在 XHTML Frameset DTD,位于 <noframes> 元素中的文本信息必须有关闭标签。

。。。。。。

HTML <noscript> 标签

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

<noscript> 标签在不支持 JavaScript 的浏览器中显示替代的内容,它可以包含任何 HTML 元素。

标签定义及使用说明:

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

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

提示和注释:

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

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

在HTML 4.01 与 HTML5 之间的差异:

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

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

在HTML 与 XHTML 之间的差异:

XHTML 不支持 <noscript> 标签。

全局属性:<noscript> 标签支持全局属性。

。。。。。。

HTML <object> 标签

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

<object> 标签可以表示一个外部资源,可以将其视为一个映像、一个嵌套的浏览上下文,或者一个由插件处理的资源。

标签定义及使用说明:

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

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。

提示与注释:

提示:<param> 标签定义用于对象的 run-time 设置。

提示:不要对图像使用 <object> 标签,请使用 <img> 标签代替。

HTML 4.01 与 HTML5中的差异:

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

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

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

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

全局属性:<object> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<object> 标签支持所有 HTML事件属性。

。。。。。。

HTML <ol> 标签

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

<ol> 标签在 HTML 中表示有序列表,是 ordered lists 的缩写。您可以自定义有序列表的初始序号。

标签定义及使用说明:

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

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

提示和注释:

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

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

HTML 4.01 与 HTML5中的差异:

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

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

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

全局属性:<ol> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<ol> 标签支持所有 HTML事件属性。

。。。。。。

HTML <optgroup> 标签

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

<optgroup> 标签用于对 <select> 元素所提供的选项进行分组。当您使用一个较长的选项列表时,对相关的选项进行组合会使处理更加容易。 

标签定义及使用说明:

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

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

全局属性:<optgroup> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<optgroup> 标签支持所有 HTML事件属性。

。。。。。。

HTML <option> 标签

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

<option> 标签用于定义包含在<select>、<optgroup> 或 <datalist> 元素中的项。

<option> 标签可以表示 HTML 文档中弹出窗口中的菜单项和其他项目列表。

标签定义及使用说明:

<option> 标签定义下拉列表中的一个选项(一个条目)。

<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。

提示和注释:

注释:<option> 标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容。

注释:请与 select 元素配合使用此标签,否则这个标签是没有意义的。

提示:如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。

全局属性:<option> 标签支持全局属性。

。。。。。。

HTML <output> 标签

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

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

<output> 标签显示计算或用户操作的结果,该标签是 HTML5 中的新标签。

标签定义及使用说明:

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

在HTML 4.01 与 HTML5中的差异:

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

全局属性:<output> 标签支持全局属性。

事件属性:<output> 标签支持所有 HTML事件属性。

。。。。。。

HTML <p> 标签

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

<p> 标签表示文本的段落,段落通常在可视媒体中表示为文本块,是块级元素。 

标签定义及使用说明:

<p> 标签定义段落。

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

注意:<p> 标签与 <br> 标签都有换行的意思,不同的是 <p> 标签是大换行(分段),<br> 标签是小换行。

在HTML 4.01 与 HTML5中的差异:

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

全局属性:<p> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<p> 标签支持所有 HTML事件属性。

HTML <param> 标签

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

<param> 标签为包含它的 <object> 标签和 <applet> 标签定义参数。

标签定义及使用说明:

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

在HTML 4.01 与 HTML5 之间的差异:

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

在HTML 和 XHTML之间的差异:

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

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

全局属性:<param> 标签支持全局属性。

事件属性:<param> 标签支持所有 HTML事件属性。

。。。。。。

HTML <pre> 标签

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

<pre> 标签可以保留您需要的文本格式,比如不会取消换行和空格,并且所示文本是等宽的。

标签定义及使用说明:

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

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

注意:<pre> 元素是块级元素,但是只能包含文本或行内元素,任何块级元素(常见为可以导致段落断开的标签:例如<title>、<p> 和<address> 标签)都不能位于 <pre> 元素中。

提示和注释:

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

提示:<pre> 标签与 <code> 标签结合起来使用,可以获得更加精确的语义。

在HTML 4.01 与 HTML5中的差异:

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

全局属性:<pre> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性:<pre> 标签支持所有 HTML事件属性。

。。。。。。

HTML <html> 标签

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

<html> 标签用于创建一个 HTML 文档。

标签定义及使用说明:

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

<html> 标签是 HTML 文档中最外层的元素。

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

HTML 4.01 与 HTML5之间的差异:

HTML5 中,增加了一个新属性:manifest。

HTML 与 XHTML 之间的差异:

xmlns 属性在 XHTML 中是必需的,但在 HTML中不是。

然而,即使 XHTML 文档中的 没有使用 xmlns 属性,W3C 上的 HTML 验证器也不会报错。这是因为 "xmlns=http://www.w3.org/1999/xhtml" 是一个固定值,即使您没有包含它,此值也会被添加到 标签中。

全局属性:<html> 标签支持 HTML 的全局属性。

。。。。。。

HTML <progress> 标签

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

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

<progress> 标签显示某个任务完成的进度的指示器,一般用于表示进度条

标签定义及使用说明:

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

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

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

全局属性:<progress> 标签支持 HTML 的全局属性。

事件属性:<progress> 标签支持 HTML 的事件属性。

。。。。。。

HTML <q> 标签

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

<q> 标签用来表示包含的文本是一个短的引用,它是一个行内元素,在浏览器中显示为使用引号包含的内容

标签定义及使用说明:

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

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

提示和注释:

提示:<q> 标签表示短的引用,而 <blockquote> 标签表示引用一段长文本。

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

全局属性:<q> 标签支持 HTML 的全局属性。

事件属性:<q> 标签支持 HTML 的事件属性。

。。。。。。

HTML <rp> 标签

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

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

<rp> 标签需要在 <ruby> 标签中使用,用于防止那些不支持 <ruby> 标签的浏览器,主要用来放置括弧。

标签定义及使用说明:

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

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

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

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

提示:支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<rp> 标签支持 HTML 的全局属性。

事件属性:<rp> 标签支持 HTML 的事件属性。

。。。。。。

HTML <rt> 标签

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

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

如果在 <ruby> 元素中需要多某些字符作出解释或者标记其发音,那么请使用 <rt> 标签来提供相关的信息。

<rt> 元素必须始终包含在 <ruby> 元素中。

标签定义及使用说明:

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<rt> 标签支持 HTML 的全局属性。

事件属性:<rt> 标签支持 HTML 的事件属性。

。。。。。。

HTML <ruby> 标签

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

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

<ruby> 标签是当作注释标签使用的,可以对文本进行注音或者字符

标签定义及使用说明:

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

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:

<ruby> 标签支持 HTML 的全局属性。

事件属性:

<ruby> 标签支持 HTML 的事件属性。

扩展知识:

Ruby还是一种纯粹的面向对象程序设计编程语言,它是开源的、通用的、解释的编程语言、可以用来编写通用网关接口(CGI)脚本、可以被嵌入到超文本标记语言(HTML)。

。。。。。。

HTML <s> 标签

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

<s> 标签中的文本会以贯穿一条线呈现给用户,表示该处的内容是不相关或不准确的,即,可以用作删除线。

标签定义及使用说明:

<s> 标签对那些不正确、不准确或者没有用的文本进行标识。

<s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本,请使用 <del>标签。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<s> 元素已废弃,用来给文本加删除线。

HTML5 重定义了 <s> 元素,现在是被用来定义那些不正确的文本。

全局属性:<s> 标签支持 HTML 的全局属性。

事件属性:<s> 标签支持 HTML 的事件属性。

。。。。。。

HTML <samp> 标签

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

<samp> 标签用于标识计算机程序输出,使用该标签定义的文本会以特殊的样式显示,通常使用浏览器默认的 monotype 字体

标签定义及使用说明:

<samp> 标签是一个短语标签,用来定义计算机程序的样本文本。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。

所有短语标签:

标签         描述

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

<strong> 定义重要的文本。

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

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

<samp>定义样本文本。

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

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

全局属性:<samp> 标签支持 HTML 的全局属性。

事件属性:<samp> 标签支持 HTML 的事件属性。

。。。。。。

HTML <script> 标签

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

<script> 标签通常放置在一个 HTML 网页的头部标签 <head> 标签内,用于链接外部 JavaScript 文件的外部资源标签。

标签定义及使用说明:

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可以通过 "class="lazy" data-src" 属性指向外部脚本文件。

JavaScript 通常用于图像操作、表单验证以及动态内容更改。

提示和注释:

注释:如果使用 "class="lazy" data-src" 属性,则 <script> 元素必须是空的。

注释:假如 <script> 元素内部的代码没有位于某个函数中,那么这些代码会在页面被加载时被立即执行。<frameset> 标签之后的脚本会被忽略。

提示:请参阅 <noscript> 元素,对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说,该元素非常有用。

注释: 有多种执行外部脚本的方法:

如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)

如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行

如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本

HTML 4.01 与 HTML5之间的差异:

在 HTML 4 中,"type" 属性是必需的,但在 HTML5 中是可选的。

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

HTML5 中不再支持 HTML 4.01 中的某些属性:"xml:space"。

HTML 与 XHTML 之间的差异:

在 XHTML 中,脚本中的内容类型声明为 #PCDATA(代替 CDATA),就是说会对实体进行解析。

这意味着,在 XHTML 中,应该编码所有特殊的字符,或者把所有内容嵌套在 CDATA 部分中。

全局属性:<script> 标签支持 HTML 的全局属性。

。。。。。。

HTML <section> 标签

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

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

<section> 标签表示文档中的一个独立部分,例如下面的示例,<section> 标签定义了文档的某个区域,用来解释什么是 WWF:

标签定义及使用说明:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<section> 标签支持 HTML 的全局属性。

事件属性:<section> 标签支持 HTML 的事件属性。

。。。。。。

HTML <select> 标签定义及使用说明

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

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

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

select 元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 <select> 表单数据提交给服务器时包括 name 属性。

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

HTML5 增加了一些新的属性。

全局属性:<select> 标签支持 HTML 的全局属性。

事件属性:<select> 标签支持 HTML 的事件属性。

相关的使用技巧,自己去官网查询。

。。。。。。

HTML <small> 标签

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

<small> 标签可以使显示在浏览器中的文本变为较小号的字体,在HTML5中该标签被重新定义,可以用来表示边注释或需要遵循的规则。

标签定义及使用说明:

<small> 标签定义小型文本(和旁注)。

提示:<small> 标签和对应的 <big> 标签一样,但作用不同,它是缩小字体而不是放大。

提示:<small> 标签可以嵌套,从而连续地把文字缩小。每个 <small> 标签都把文本的字体变小一号,直到达到下限的一号字。

注意:如果被<small> 标签包围的字体已经是字体模型所支持的最小字号,那么 <small> 标签将不起任何作用。

全局属性:<small> 标签支持 HTML 的全局属性。

事件属性:<small> 标签支持 HTML 的事件属性。

。。。。。。

HTML <source> 标签

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

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

<source> 标签可以为<picture>、<audio>或<video>元素指定一个或者多个的媒体资源。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<source> 标签支持 HTML 的全局属性。

事件属性:<source> 标签支持 HTML 的事件属性。

。。。。。。

HTML <span> 标签

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

<span> 元素是无语义的行内元素,它可以对元素进行分组,使它们以不同的样式显示。

签定义及使用说明:

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

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

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

提示:可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

NONE.

全局属性:<span> 标签支持 HTML 的全局属性。

事件属性:<span> 标签支持 HTML 的事件属性。

。。。。。。

HTML <strike> 标签 - HTML5 不支持

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

<strike> 标签用来给文本添加删除线,如下面的例子所示,但是在 HTML5 中不支持使用该标签。 

标签定义及使用说明:

HTML5 不支持 <strike> 标签。请用 <del> 标签代替。

在 HTML 4.01 中,<strike> 元素 已废弃。

<strike> 定义加删除线文本。

。。。。。。

HTML <strong> 标签

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

<strong> 标签用来强调某些文本的重要性,这意味着这些文本会以加粗的形式呈现在浏览器中。

标签定义及使用说明:

<strong> 标签是一个短语标签,用来定义计算机程序的样本重要的文本。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。

所有短语标签:

标签         描述

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

<strong> 定义重要的文本。

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

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

<samp>定义样本文本。

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

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

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,<strong> 标签定义加粗的被强调的文本,在 HTML 5 中,<strong> 标签定义重要的文本。

全局属性:<strong> 标签支持 HTML 的全局属性。

事件属性:<strong> 标签支持 HTML 的事件属性。

。。。。。。

HTML <style> 标签

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

<style> 标签包含了 HTML 文档的样式详细,在默认情况下,在该元素内写入的样式指令将被认为是CSS。

标签定义及使用说明:

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

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

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

提示和注释:

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

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

全局属性:<style> 标签支持 HTML 的全局属性。

事件属性:<style> 标签支持 HTML 的事件属性。

。。。。。。

HTML <sub> 标签

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

包含在 <sub> 标签和其结束标签 </sub> 中的内容会以正常内容的一半的高度显示在下方,而且通常较小。

标签定义及使用说明:

<sub>标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式,比如 H2O。

提示:请使用 <sup> 标签定义上标文本。

全局属性:<sub> 标签支持 HTML 的全局属性。

事件属性:<sub> 标签支持 HTML 的事件属性。

。。。。。。

HTML <summary> 标签

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

<summary> 标签元素作为一个<datails>元素的标题,该标题可以包含详细的信息,但是默认情况下不显示,需要单击才能显示详细信息。

标签定义及使用说明:

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

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

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

全局属性:<summary> 标签支持 HTML 的全局属性。

事件属性:<summary> 标签支持 HTML 的事件属性。

。。。。。。

HTML <sup> 标签

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

<sup> 标签与 <sub> 标签显示的大小相同,不同的是它显示在正常字符一半基准线的上方。

标签定义及使用说明:

<sup>标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注,比如 WWW[1]。

提示:请使用 <sub> 标签定义下标文本。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。

全局属性:<sup> 标签支持 HTML 的全局属性。

事件属性:<sup> 标签支持 HTML 的事件属性。

。。。。。。

HTML <table> 标签

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

<table> 标签用来定义 HTML 表格。

标签定义及使用说明:

<table> 标签定义 HTML 表格。

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

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<table> 标签支持 HTML 的全局属性。

事件属性:<table> 标签支持 HTML 的事件属性。

。。。。。。

HTML <tbody> 标签

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

<tbody> 标签组合了一个或者多个 <tr> 元素作为 <table> 元素的主体内容。

标签定义及使用说明:

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

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

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

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

提示和注释:

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

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

提示:<thead> 元素用于对 HTML 表格中的表头内容进行分组,而 <tfoot> 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<tbody> 标签支持 HTML 的全局属性。

事件属性:<tbody> 标签支持 HTML 的事件属性。

。。。。。。

HTML <td> 标签

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

<td> 标签表示<table>标签中的单元格。

标签定义及使用说明:

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

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

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

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

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

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<td> 标签支持 HTML 的全局属性。

事件属性:<td> 标签支持 HTML 的事件属性。

。。。。。。

HTML <textarea> 标签

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

<textarea> 标签表示多行纯文本编辑控件,用户可在其文本区域中写入文本。

标签定义及使用说明:

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

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

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

提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式,请参考下面的属性表格。

HTML 4.01 与 HTML5之间的差异:

HTML5 增加了一些新的属性。

全局属性:<textarea> 标签支持 HTML 的全局属性。

事件属性:<textarea> 标签支持 HTML 的事件属性。

。。。。。。

HTML <tfoot> 标签

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

<tfoot> 标签表示HTML表格的页脚,该标签用于组合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> 标签的任何属性。

全局属性:<tfoot> 标签支持 HTML 的全局属性。

事件属性:<tfoot> 标签支持 HTML 的事件属性。

。。。。。。

HTML <th> 标签

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

<th> 标签表示HTML表格的表头部分,该标签中的内容会以粗体显示。

标签定义及使用说明:

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

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

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

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

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

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

提示和注释:

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<th> 标签支持 HTML 的全局属性。

事件属性:<th> 标签支持所有 HTML 的事件属性。

。。。。。。

HTML <thead> 标签

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

<thead> 标签定义了一组HTML表格的头。

标签定义及使用说明:

<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> 标签的任何属性。

全局属性:<thead> 标签支持 HTML 的全局属性。

事件属性:<thead> 标签支持 HTML 的事件属性。

。。。。。。

HTML <time> 标签

<time> 标签用来表示HTML网页中出现的日期和时间,目的是让搜索引擎等其它程序更容易的提取这些信息。

标签定义及使用说明:

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

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

提示:<time> 标签不会在任何浏览器中呈现任何特殊效果,只是用来给机器识别的。

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

HTML 4.01 与 HTML5之间的差异:

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

time中的datetime 属性,规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。

全局属性:<time> 标签支持 HTML 的全局属性。

事件属性:<time> 标签支持 HTML 的事件属性。

。。。。。。

HTML <title> 标签

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

<title> 标签定义HTML文档的标题,通常体现了网页的主题内容,浏览器会以特殊的方式来使用标题,并且通常它显示在浏览器窗口的标题栏或状态栏上。

标签定义及使用说明:

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

<title>元素:

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

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

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

提示和注释:

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

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

提示:当把文档加入用户的链接列表或者收藏夹或书签列表时,<title> 标签的内容将成为该文档链接的默认名称。

全局属性:<title> 标签支持 HTML 的全局属性。

。。。。。。

HTML <tr> 标签

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

<tr> 标签定义HTML表格中的一行单元格,它应该是成对出现的。

标签定义及使用说明:

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

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

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<tr> 标签支持 HTML 的全局属性。

事件属性:<tr> 标签支持 HTML 的事件属性。

。。。。。。

HTML <track> 标签

IE 10、Opera 和 Chrome 浏览器支持 <track> 标签。

<track> 标签用作 <audio> 元素和 <video> 元素的子级,它允许您指定定时文本轨道(或基于时间的数据),采用 WebVTT 格式(.vtt 文件)。

签定义及使用说明:

<track> 标签为媒体元素(比如 <audio> and <video>)规定外部文本轨道。

这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。

提示:track 给媒体元素添加的数据的类型在 kind 属性中设置,kind 属性的取值请参考下面的可选属性列表。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<track> 标签支持 HTML 的全局属性。

事件属性:<track> 标签支持 HTML 的事件属性。

。。。。。。

HTML <tt> 标签 - HTML5 不支持

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

<tt> 标签用来改变字体样式,使标签中的文本显示为打字机文本。

标签定义及使用说明:

HTML5 不支持 <tt> t标签。请用 CSS 代替。

<tt> 标签定义打字机文本。

提示和注释:

提示:请使用 CSS 来规定文档中的文本类型。

HTML 4.01 与 HTML5之间的差异:

HTML5 不支持 <tt> 标签。HTML 4.01 支持 <tt> 标签。

。。。。。。

HTML <u> 标签

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

<u> 标签可以用来对标签内的文本实现下划线样式。

标签定义及使用说明:

<u> 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。

提示和注释:

提示:请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。

注释:HTML5 规范建议开发者尽量使用其他元素替代 <u> 元素。

HTML 4.01 与 HTML5之间的差异:

在 HTML 中,<u>元素 已废弃(<u> 元素被用来定义下划线)。

HTML5 中重新定义了 <u> 元素,它定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。

全局属性:<u> 标签支持 HTML 的全局属性。

事件属性:<u> 标签支持 HTML 的事件属性。

。。。。。。

HTML <ul> 标签

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

<ul> 标签表示HTML页面中项目的无序列表,一般会以项目符号列表呈现。

标签定义及使用说明:

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

将 <ul> 标签与 <li> 标签一起使用,创建无序列表。

提示和注释:

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

提示:使用 <ol> 标签创建有序列表。

HTML 4.01 与 HTML5之间的差异:

在 HTML 4.01 中,"compact" 和 "type" 属性已废弃。HTML5 则不支持着两个属性。

全局属性:<ul>标签支持HTML 的全局属性。

事件属性:<ul> 标签支持HTML 的事件属性。

。。。。。。

HTML <var> 标签

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

<var> 标签表示数学表达式或编程上下文中的变量,<var> 标签定义的内容会呈现为斜体。

标签定义及使用说明:

<var> 标签是一个短语标签,用来定义变量。

提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。

所有短语标签:

标签         描述

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

<strong> 定义重要的文本。

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

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

<samp>定义样本文本。

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

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

全局属性:<var> 标签支持 HTML 的全局属性。

事件属性:<var> 标签支持 HTML 的事件属性。

。。。。。。

HTML <video> 标签

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

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

<video> 标签可以将视频内容嵌入到HTML文档中。

标签定义及使用说明:

<video> 标签定义视频,比如电影片段或其他视频流。

目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。

MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器。

WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。

Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器。

HTML 4.01 与 HTML5之间的差异:

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

提示和注释:

提示:可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。

全局属性:<video> 标签支持 HTML 的全局属性。

事件属性:<video> 标签支持 HTML 的事件属性。

。。。。。。

HTML <wbr> 标签

所有主流浏览器都支持 <wbr> 标签,除了 Internet Explorer。

<wbr> 标签可以用来定义HTML文档中需要进行换行的位置,与<br>标签不同,如果浏览器窗口的宽度足够,则不换行;反之,则在添加了 <wbr> 标签的位置进行换行

标签定义及使用说明:

<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。

提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。

HTML 4.01 与 HTML5之间的差异:

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

全局属性:<wbr> 标签支持 HTML 的全局属性。

事件属性:<wbr> 标签支持 HTML 的事件属性。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

HTML标签和说明

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

HTML标签和说明

HTML 注释标签标签定义及使用说明所有主流浏览器都支持 注释标签。 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。您可使用注释对您的代码进行解释,这样做有助于您在以
2023-06-03

Z-Blog常用标签说明

关键字描述:说明 标签 常用 < " > id /h3> /ul> h3>