CSS禅意花园，Shea2003年5月建立，网址www.mezzoblue.com，很快又转到了新的域名上：www.csszengarden.com。
本文及以后章节的笔记摘自《CSS禅意花园》一书。
在开始使用CSS布局之前，首先要保证Web页面是以标记结构化的方式编写的。只要HTML文档结构良好，那么今后将很容易通过添加一层CSS作为修饰，让文档样式变得非常漂亮。
结构化的HTML文档主要提现在对HTML标签正确、合理地使用中。选择HTML标签时要根据其语义，而不是其样式进行。
在书写结构化的HTML文档时，首先要注意以下几方面的内容：
1、带有语义的标记
为表现样式编码和为实现正确的语义编码，二者在基本原理上的差别比较微妙。
为了实现某种表现样式而编写的代码：
<br><br>
<b><font size="2">Our Family</font></b> <br><br>
<font size="1">Pictured are Matt and Jeremy.As usual,Matt is making a funny face.We dont't have hotos where he isn't.</font>
基于正确的语义而编写的代码：
<div id="Family">
<h3>Our Family</h3>
<p>Pictured are Matt and Jeremy.As usual,Matt is making a funny face.We dont't have hotos where he isn't.</p>
</div>
2、创建良好的标记
- 选择DOCTYPE：Document Type，文档类型。DOCTYPE是一个健壮的文档所必须的，也是编写HTML文档时要做的第一件事情。常用的DOCTYPE是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 指定语言和字符集：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- 指定标题：在网站访问者将页面保存至收藏夹时，<title>元素中的内容将作为链接的描述被保存。搜索引擎也对<title>元素中包含的关键字格外感兴趣，因此好的<title>可以明显地提高页面在搜索引擎中的排名。网站中的每个页面都应该尽可能地有一个唯一的标题，标题应该极具描述性地概括该页面的内容。
- 选用恰当的元素：如用p元素包含文字段落，而不是为了换行；用blockquote包含被引用的文字，而不是为了得到缩进。在W3Schools的"XHTML1.0 Reference"中可以找到XHTML1.0中允许使用的所有HTML元素（http://w3schools.com/xhtml/xhtml_reference.asp）
- 避免过度使用div和span：合理、必要地对div和span进行使用，在适当的时候应该运用其他的HTML元素。将内容深深隐藏在太多的容器中并不是一个好主意。在使HTML文档显得井井有条的前提下，尽量减少div和span的使用。
- 尽可能少地使用标签：仅仅使用必要的标签，将其他不必要的都删除掉。这样做的好处不仅在于能够让文件保持小巧，加快用户的下载速度，也可以让浏览器很快完成文档的解析，即得到更多的呈现速度。
- 适当地使用class和id：为元素添加起标示作用的属性可以让你在稍后容易地将该元素与CSS或JavaScript关联起来。class和id可以选择用字母、数字、下划线及其组合命名，但必须以字母开头。同时为了便于调试，应注意大小写。一般class用小写，id首字母大写。
3、时间的检验
若要编写一个HTML文档，它在未来相当长的一段时间内都要保持不变，那么在编写的过程中必须处处小心，让文档尽可能地完美。对于HTML文档的结构、元素的选用、class与id的命名都需要特别注意。
CSS禅意花园的HTML文档：http://www.mutian.net/works/csszengarden/zengarden-sample.htm
博客标签： 
