CSS代码结构初探：根基的建立使有意义的html标记_CSS教程

　　我们都知道建筑物的重要部件就是根基的建立，假如没有坚固良好的基础。再华丽的外观与装饰都不复存在。我们建立符合Web标签的网页，大多数人更加关心CSS技术及其应用。但我们也需要明白，CSS不管怎么强大也是作用于XHTML的。假如没有结构良好的XHTML基础，我们的布局实现起来就会显得比较困难。或许我们的基础非常牢固，但细节繁杂、结构不合理，也将成为我们开发的障碍。

　　在WEB早期的时候，HTML只是用来添加基本的形式与结构。随着互联网的发展，HTML被用来表现页面。我们运用各种各样的组合以达到我们想要的外观效果，我们习惯如用B标签来加粗文档的标题，而我们并不是用标题h1~h6来显示它们。更重要的是我们运行表格进行布局，在早期的时候表格只是用来显示表格数据的，而不是用来进行布局与版面显示的，随着WEB的发展，很快我们就发现，一切都失去了本来的意义。字体设计，表格，加粗，等等等等，成了一锅粥。变得难以理解。而且越来越复杂。

　　我们越来越倾向于借助于Dreamweaver这类的所见即所得的工具软件来处理网页，但非常不幸，这类软件并没有改善这种混乱的现状，反而更多的添加了它们自己的复杂标记。这样的情况下，我们不能用手写编辑代码了，看真起来一切都糟透了。

　　CSS的出现，我们看到了曙光，建立符合Web标准的网页让我们见到的希望，人们越来越重视网站重构，让表现与内容分离，新的时代已经开始了。我们可以去掉一些无意义的标签，例如：font、b、i等等，我们把这些工作交给CSS完成，我们可以运用CSS进行布局而不是用表格来构建页面了。

　　我们可以按照标签本身的意义来建立文档，浏览器默认的样式我们可以通过CSS重新定义他们的外观。标题、内容里的段落或列表，我们可以通过CSS重新设置它们。标题不一定非要是大号字，粗体的难看的样子，段落可以控制他们的行距及缩进，列表不一定非要纵向，我们也可以横向的排列。等等。

　　有意义标签的好处，让我们更加轻易理解代码的内容，更加轻易处理他们。例如我们需要修改页面中所有的外链，我们假如为这些元素加上了合适的标记，我们很轻易的就找到它们并进行修改。假如一切都混杂在一起，我们就无从下手了。

　　除了让我们的开发变的轻易之外，其它设备与程序对文档也可以有更好的理解，最典型的要属搜索引擎的识别了，搜索引擎可以非常方便的找到文章中的标题，副标题，文章内容。假如浏览者使用的是手持阅读设备，可以依靠标题，内容等给予很好的导航与显示比重。MB5U.com更多CSS文章

　　最重要的是有意义的HTML标签，将提供了将元素调整为你所想要的样式的简单的方法，这些有意义的标签在文档中创建了一个最基本的结构框架模型，我们不必添加其它的id或class其它标识，直接就可以进行表现的控制。

　　这些有意义的标签主要有：


　　在CSS页面布局中，能使用它们的时候，就不要使用其它的东西了。尽量的使用具有意义的html标记。