WEB开发中必须了解的HTML标签

这里我们将介绍一些常用的HTML标签，并同时介绍一些HTML 5标签。希望大家掌握这些HTML标签后，在平时的开发中能起到事半功倍的效果。

这是我读《html mastery》一书的总结，这本大概写于2006年的书主要讨论的是html4的标签，而现在2009年w3c于1月22日发布了最新的html5草案，opera称其将使flash技术变得可有可无，相信不久后普及的html5将给web设计带来些重大变化，但现在了解些html4的基础知识显然是必要的，何况听说html5会兼容些本文提到的标签，似乎还是有价值的。

常用元素

1.div与span

这是用得最多的两个标签，以后会有专文总结如何使用好他们，现在必须知道的是前者是block元素，后者是inline元素；而block元素与inline元素区别正如名字告诉我们的那样：前者是所包含的内容是一个整体，几个block元素间垂直堆叠，强制后面元素另起一行；而后者，几个inline元素水平排列，相互间只有水平方向上的边距设置才会有效，padding-top，margin-bottom等竖直格式设置会被忽略。不添加css，前者无法并放，后者无法堆叠。即span内部是不能放div的。

2.doctype

它的最实际与重要的用途是提醒浏览器按照标准模式（standard mode）而非怪异模式（quirks mode）来解析html文档，XHTML1.0有三种可用:

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
>

XHTML1.1就只有一个形式：

>

文档标签

3.  p,address与hx，blockquote

是用来表示新段落的，而不是表示不间断的空格实体，那该用css的padding-bottom实现。

只用来显示与本文档有关的联系信息，是一个block元素，hCard微格式会经常用到。

其实是

到

，记得把

留给最重要的标题，一般只出现一次，还有此类标签可能以后会被统一的取代，趁能用赶快学着用吧。

用来说明块引用，有一个cite属性让作者推荐来源

4.ul，ol与dl

无序，有序（按字母或数字顺序）以及定义（表示对话也可以）列表，列表项使用

元素标记，不能含block元素，即不能包含其中。

5.a 与link

没啥好多说的，记得有的用法就好，参考文章http://www.jimthatcher.com/skipnav.htm

可有得研究他和都有两个重要属性：rel以及rev，rel指出该文档与href指向的链接关系类型，rev则将两对象方向互换，可选类型有：alternative，如果是可选译文，则与lang属性一起用；如果是可选媒介，则用到media属性。

stylesheet，用得多了。start，起点；pre，next，上下一份文档；copyright，指出版权声明，等多了去。还可以是tag，有助于标签网站识别，如ipod
还有title，tabindex，acesskey属性，理智应用能加强访问性，但be careful。

6.del与ins

用于表示文章修订，有cite属性与datatime属性表示修改原因与时间。

表示型标签

7.i与b

并不推荐使用了，有时可能有用：表示斜体，粗体，代替span用

8. hr，pre，sup与sub

hr即水平标尺（绝不是边框），pre则是留白，sup上标，sub下标，都是弥补css用的

短语元素及图像媒体

9. em,strong

不是用来使文本变斜加粗的，而起强调作用，如果有读屏器，就会发现语速变化，比或有用

10.cite，dfn

表示引用与定义的标签，记得ref=“glossary”吗？

11.code，var，samp，kbd

前面两个用来显示代码，后一个描述输出结果，指出键盘按键

12.abbr，acronym

缩略文章或词，在title属性给出完整版本，缩写词的区别对东方人来说，不怎么适应

13.img与object

除非真的是显示图片，否则网页布局该用css背景；object是嵌入标签，用起来麻烦，还是自动生成吧

表格table

14.caption，th，thead，tfoot，tbody

表格的标题，标题行，表头区等，都不知道除tr，td外还有这么多用于表格

span属性仍然十分必要，

<thead>
<tr>
    <th>sthth>
    <th>sthth>
tr>
thead>

就该如此写

15.colgroup，col

在表头区分格需要这两个标签，并不实用，不如用scope属性值，rowspan，colspan等属性也可，具体哪种更好现在不明。

表单元素

16. form与input，label

用得太多了，就说form的enctype属性与input有file类型可用有关，而reset类型还是别再用了。

17.textarea，fieldset，legend

前者是大面积输入的绝佳标签，后者有利表单划分，

是块标题。

web form2.0将给这些来个大变化，趁能用尽量用对吧。我也不会乱用div和span了，供选择的标签有这么多。

本文来自超然台上仙的博客园文章《web设计必须学会使用的html标签》