HTML标签汇总

做网页网站也有一些时间了，html也用的很熟练了，但是还是有很多的标签对我来说还是很陌生，现在将其汇集在一起，加深印象，也方便以后查阅。

先说一下html和xhtml的区别吧。

XHTML文档必须具有良好完整的排版(well-formed)

编排良好性(Well-formedness)是XML引入的一个新概念.从本质上说,元素必须有结束标签,或者必须以特殊方式书写,而且元素必须嵌套.

尽管SGML规定重叠(overlapping)是非法的,但现有的浏览器普遍允许重叠.

对于所有HTML元素和属性名, XHTML文档必须使用小写. 因为XML是大小写敏感的.如 <li> 和 <LI> 是不同的标签.

对非空元素,必须使用结束标签

在基于SGML的HTML4中的一些隐含结束意义的元素允许忽略结束标签.XML不允许忽略结束标签.除了在DTD中被声明为空的元素,所有元素必须有结束标签.

属性值必须在引号中

所有的属性值必须在引号中,即使是以数字形式的属性值

属性最小化

XML不支持属性最小化.属性-属性值必须完整成对的写出.像disabled,checked这样的属性名不能在不指定属性值的情况下出现.

正确:非最小化属性(unminimized attributes)

<input checked="checked">

不正确:最小化属性(minimized attributes)

<input checked>

空元素

空元素必须有结束标签,或者起始标签必须以/>结束.例如,<br/>或<hr></hr>.

正确:结束的空元素(terminated empty elements)

<br/><hr/>

错误:未结束的空标签(unterminated empty elements)

<br><hr>

总结一下就是:

• 标签不能重叠,可以嵌套
• 标签与属性都要小写
• 标签都要有始有终,要么以</p>形式结束,要么以<br />形式结束
• 每个属性都要有属性值,并且属性值要在双引号中
• 别用name用id

下面开始说说html中的标签：

HTML的文字元素

abbr 标签 -- 简称标签

• abbr标签是成对出现的,以<abbr>开始,以</abbr>结束
• 属性:  一般属性
• abbr是abbreviation的缩写
• 示例:

  <abbr title="Limited">Ltd.</abbr>

acronym 标签 -- 取首字母的缩写标签

• acronym标签是成对出现的,以<acronym>开始,以</acronym>结束
• 属性：一般属性
• 示例：<acronym title="Cascading Style Sheets">CSS</acronym>

  cite标签 -- 引用标签

  • cite标签是成对出现的,以<cite>开始,以</cite>结束
  • 属性: 一般属性
  • cite-- 引用内容的URI
  • cite是citation的缩写
  • 示例：<cite cite="http://www.dreamdu.com/xhtml/">一步步的教我学会HTML与XHTML</cite>

  code 标签 -- 代码标签

  • code标签是成对出现的,以<code>开始,以</code>结束
  • 属性: 一般属性
  • 示例：PHP中的变量名,前面要加上 $符号 例如: <code>$i = 1;</code>.

  dfn 标签 -- 定义标签

  • dfn标签是成对出现的,以<dfn>开始,以</dfn>结束
  • 属性:  一般属性
  • dfn是defining instance的缩写
  • 示例：<dfn>html</dfn>是一个单词!

  em标签 -- 强调标签

  • em标签是成对出现的,以<em>开始,以</em>结束
  • 属性: 一般属性
  • em是emphasis的缩写
  • 示例：强调一下,<em>不要</em>和我开玩笑!

  kbd 标签 -- 标签表明使用者输入的文字

  • kbd标签是成对出现的,以<kbd>开始,以</kbd>结束
  • 属性:  一般属性
  • 示例：To exit, type <kbd>QUIT</kbd>.

  l标签 -- 表示一段语句

  • l标签是成对出现的,以<l>开始,以</l>结束
  • 属性:  一般属性
  • l是line of text的缩写
  • 示例：<l>一行实实在在的文字!</l>

  legend 标签 -- 对表单的每组内容进行说明

   

  • legend标签是成对出现的,以<legend>开始,以</legend>结束
  • 此标签在<fieldset>标签内
  • 属性:
    • Common -- 一般属性
    • accesskey -- 表单的快捷键访问方式

   

  q 标签 -- 表示一个行引用
  • q标签是成对出现的,以<q>开始,以</q>结束
  • 属性: 一般属性
  • cite-- 引用内容的URI
  • q是quoted text的缩写
  • 示例：<cite>古人</cite>云:<q>磨刀不误砍柴功.</q>

  blockquote标签 -- 表示引用块 samp标签 -- 表示程序或脚本输出的内容

   

  • blockquote标签是成对出现的,以<blockquote>开始,以</blockquote>结束
  • 属性:  一般属性
  • cite -- 被引用内容的URI
  • 示例：<blockquote cite=http://blog.donews.com/zmnk>
<p>学习css、html,学习标准网页设计.</p>
</blockquote>

   

  • samp标签是成对出现的,以<samp>开始,以</samp>结束
  • 属性:一般属性
  • samp是sample output from programs,scripts,etc的意思
  • 示例：程序的输出是<samp>x+y</samp>
  sub标签 -- 表示下标
  • sub标签是成对出现的,以<sub>开始,以</sub>结束
  • 属性: 一般属性
  • sub是subscript的缩写

  sup 标签 -- 表示上标

  • sup标签是成对出现的,以<sup>开始,以</sup>结束
  • 属性: 一般属性
  • sup是superscript的缩写

  address 标签 -- 表示地址

  • address标签是成对出现的,以<address>开始,以</address>结束
  • 属性: 一般属性
  • 示例：<address href=mailto:zhoumingnk@126.com>毛毛虫的栖息地</address>

  big标签 -- 定义大字体的文字

  • 不符合标准网页设计的理念,不赞成使用.
  • big标签是成对出现的,以<big>开始,以</big>结束
  • 属性: 一般属性