写符合web标准页面的基本思路和重点

        之前一直不太清楚到底怎么写出符合web标准的页面，虽然是div+css，但写出的代码还是比较乱的。最近读了两本CSS的书，一本是《精通CSS》，一本是《无懈可击的Web设计》。先读了《精通CSS》，虽然感觉翻译的不是很好，有些地方不好理解，但对CSS的知识点还是讲的很不错。后来看《无懈可击的Web设计》，就有那种很顺畅的感觉，很快就看完了。两本书虽然侧重点不同，但以符合web标准的方式去写网页的思路是一致的，看了还是很受启发，总结一下写符合web标准页面的基本思路和重点。

        可以看着效果图，自问这样一些问题，一边问，一边就写出代码：

• 看：这个页面的布局是什么样的？是三栏，还是两栏？
• 写：写出布局代码。通常是几个<div>。
• 看：每块布局单元要展示的内容是什么？是文本段落，还是列表？
• 想：具体的内容应该选择哪些HTML代码表示出来？段落用<p>，列表用<ul>。
• 写：在布局单元中用合适的HTML代码写出内容。
• 看：具体的内容要表现成什么样子？是红色，还是黑色？
• 写：用CSS来定义内容的样式吧。
• 看：完成的页面是否在几大浏览器上都显示正常？正常，那就OK。不正常，那就CSS Hack。

        以上思路中，确定如何构造所要处理的内容，选择最有利于内容的展现的HTML代码最重要。无论CSS怎么写，代码本身应该传递明确的信息。内容高于视觉表现，是内容决定HTML代码结构，而不是视觉样式决定代码结构。这也是HTML/XHTML标准定义的本质。选择最合适的HTML代码，意味着页面的内容能够最大限度地被不同的浏览器和浏览设备正确的理解。
        在选择语义性最佳的对象的时候，要注意代码要能为CSS提供足够的“样式关联”以实现最能吸引人的设计样式。CSS的使用，技巧性更强。