回首XHTML/CSS学习之路
其实我很早就接触过网页设计的知识，最开始书上讲的正是用嵌套的<table>标签完成每个页面的排版，而且每个尖括号中除了标签名外还有一长串的参数，什么宽、高、颜色、对齐方式之类的。还好当时只是学习，没有因为后期维护而伤脑筋。
当然现在我知道那是不符合web标准的：内容与样式没有分离，<table>满天飞；而且还用了很多XHTML中不推荐的标签，如<b>、<font>之类。下面就说说我对XHTML、CSS的理解吧。
1、因为历史原因，各浏览器群雄逐鹿，对于同一标签的解析存在着很大的差异。web开发者希望能有一个规范标准，提高各浏览器的兼容性，降低开发难度，减少劳动量。
2、之前都在每个标签中定义各自的样式，网站内容与样式混合在一个页面，不利于后期维护。
正是基于上边两个问题，web标准出现了，并且推荐开发者制作网站时尽量基于web标准设计，提高效率，避免出现兼容性问题。
对于web标准的学习，是因为我在工作中正好要使用ASP制作一个网站。其实当时已经知道有web标准一事，只是一直没有接触，自然也无从谈对它的理解。
以至于虽然当时我要制作的网站并不复杂，但为了让它尽可能的“标准化”，还是翻了很多资料，学到了不少东西。
在开发网站的时候，我除了看一些这方面的文章外，还参考了几个网站。一个是VeryCD，一个是PJBlog，因为当时我正好用PJBlog架设了自己的blog，它的源码给了我很大的帮助。在这里忠心感谢VeryCD团队和PJBlog的作者舜子。
在刚开始时，我一直无法理解为什么一个个没有任何联系的<div>能够横向平铺。都已经做出半个站了才发现，原来自己用<table>布局以及在标签中加属性的方法正是web标准要摒弃的。没办法，推翻重新来过。
于是从最基本的id和class的区别开始学起，这次放弃了用<table>排版，所有的样式定义都放在外部的css文件中，也把页面分出了“header”、“content”、“footer”等不同的模块。我设计的第二版网站也由此诞生。思路很简单：把原来的页面内容一个个拆开用DIV套上。
可以说，这次做出来的页面没有了样式化标签（如<b>）、没有了行内样式，所有的页面都是在“内容与样式分离”这个指导思想下完成的。
但其实这次也并非就是真正的符合web标准，因为我忽略了另外一点——让页面标签语义话。
现在人们都说“DIV+CSS”，其实这夸大了DIV的作用，因为DIV只是代表了一个内容块，我们更应该把这种内容与样式分离的思想称为“XHTML+CSS”。
除了DIV，还有很多标签可以供我使用的，我们要选择合适的标签去表示对应的内容在页面中的含义。比如用一个<h2>标签表示栏目的标题，而不是对一个<p>标签加大加粗；比如用<ol>标签表示一个列表，而不是一行行罗列文字。
另外还有一点要说明的，对于<img>标签要谨慎使用。如果这个图片是页面内容的一部分，比如图片新闻，那么可以自由使用<img>标签。但如果某个图片只是作为页面的装饰而存在，按照“内容与样式分离”的原则，这个图片最好在CSS文件中加载，完全没有必要把它放到内容页面。
最后再向大家推荐一本书——《CSS网站布局实录》，讲解由浅入深，是我学习XHTML+CSS时的入门教程。在此向书的作者李超表示感谢。
