xhtml结构与标签概述

XHTML是什么？
通俗的说，XHTML是一个基于XML的标记语言，是一种增强了的HTML。XHTML相对HTML4来说更加简洁、严谨，目前网页设计中推崇的WEB标准就是基于XHTML。

WEB标准重要吗？
既然是标准，毫无疑问是重要的，但我个人认为，在当前主流浏览器对标准的支持还不统一的情况下，没必要强求通过WEB标准的验证，用户体验应当凌驾于代码是否标准之上。
不强求通过验证，也不是说就不用遵循，我们在构建页面的时候，还是应当尽量做到该用什么标签的情况下就用什么标签。

XHTML有哪些标签？什么样的标签做什么事？
每个标签都有自己的定义和用法，具体参考手册或相关文档，可参考以下URL：
http://www.w3school.com.cn/tags/

XHTML文档的结构

1．DOCTYPE 声明文档类型：
DOCTYPE标签位于文档中的起始位置，处于html标签之前。此标签用来向浏览器声明文档使用哪种 HTML 或 XHTML 规范。目前建议使用TRANSITIONAL：

2．HEAD头部信息
最常见的TITLE、META（charset、keywords、description等）、LINK（css、js、rss、favicon等）、STYLE、JavaScript……等。

3．BODY
浏览器所能表现的文字、图像、链接等内容都应放在BODY里，而DIV、TABLE、P等标签则是用来装载这些内容的容器或用来格式化输出这些内容，都应放在BODY里。
另外，CSS、JavaScript虽然放在BODY里也能生效，但建议放到HEAD标签里，网络上有部分页面甚至放到了HTML标签之外，实际上更不可取。

XHTML标签分解
1． 容器：DIV、TABLE、 *P
XHTML在很多人的理解中就是用DIV+CSS构建的HTML网页。这个理解说错也没错，但没错并不代表就是准确的。DIV+CSS这个说法的产生，我们可以认为是相对纵横了N多年的表格布局的说法，XHTML应用最基本的布局标签就是DIV，而TABLE则只用来格式化输出表格类型的数据，虽然都是容器，但不做为布局使用。
P标签用来定义一个段落，虽然我们可以用CSS来定义它的样式做各种不同应用，勉强可以作为一个容器来用，可以是可以，但不建议这么用，因为在 XHTML 1.0 Strict DTD 中不支持P元素的属性，实际应用中我们可根据实际情况酌情处理。

2． 列表：UL、OL、DL
Ul无序列表用得最多，其次OL有序列表，都是用来包含li列表项。
DL用的较少，一般是用来做包含子项的列表，例如：
这是一个书籍列表:

3． 表单：Form
文本域、复选框、单选按钮等…

4． 语义标签：H1..H6、strong、em、cite、code等
H元素用来定义标题，拥有确切的语义，h1定义最大的标题，h6定义最小的标题，它应当用来区分文档结构层级，而不是用来改变字体大小。

这些标签都拥有确切的语义，不建议因为显示样式的原因去使用它们，这里用STRONG标签和B标签的区别举例说明下，其他详细请参考手册或相关文档。
strong用来定义强调或重要的内容，b是字体样式元素，用来表现粗体文本效果，在有些浏览器里，strong表现的并不是粗体效果，谁规定要告诉受众“这是重要的”就一定要加粗？加粗只能说是惯例，但并不是任何场景都适用的。

5． SPAN标签
SPAN用来组合元素，以便我们定义CSS来格式化它们的样式。

这里我们可以用CSS定义span围绕的元素的样式，让它和其它内容在表现上有些区别。

6． 以下标签详细请参考手册或相关文档
文本、字体样式相关标签：B、I、INS、DEL、SUP、SUB、PRE….等
嵌入标签：IMG、PARAM、OBJECT、IFRAME…等
其他…

小结：
XHTML页面应该是结构化的，设计页面结构的时候要考虑样式的实现，但不是围绕样式的实现去设计结构，思维不要被表格布局的习惯所影响。去掉CSS，整个文档应该是一个层次分明、容易阅读的结构文档。
倒空了的杯子才能装更多的水，希望提高自己，应该先放开以往的观念、经验以及思维惯性。HTML语言虽然简单但绝不低级，这些标签元素都很基础，而基础却往往是最重要的。

所学有限，不足之处难免，期待高手指正！！！