HTML标签的意义：
HTML标签是用来表示文档结构的。对于文档的显示样式（例如某一元素的缩进），应该使用CSS来实现。
为了说明标签的意义，举了一例子来说明：
1、为表现样式而编码：
<br><br>
<b><font size="2">Our Family</font><b>
<br><br>
<font size="1">Pictured are Matt and Jerrmy.As usual,Matt is masking a funny face.We don't have many hotos
where he isnt.</font>
2、为实现正确的主义而编码：
<div id="family">
<h3>Our Family</h3>
<p>Pictured are Matt and Jerrmy.As usual,Matt is masking a funny face.We don't have many hotos
where he isnt.</p>
</div>
结构与意义的展示上，2是一目了然，而1却很吃力了。
所以这里作者引申了一下说：
使用CSS进行设计时的主要任务之一，就是从编写合法的、带有良好结构并拥有语义的HTML文档开始。完成了这一步之后
，我们才能在这个坚实牢固的基础之上应用各种CSS样式。
说到文档类型（DOCTYPE标记），又到自己不久前遇到的一个情况：
由于是一个简单的示例，所以自己就动手用Notepad新建了一个HTML页面，简单的代码如下：
<html>
<head>
<title>Test</title>
<style type="text/css">
body{margin:0px auto;font-size:12px;color:#345;}
div{margin:0px auto;}
#container{width:600px;height:600px;}
</style>
</head>
<body>
<div id="container">
<div id="family">
<h3>Our Family</h3>
<p>Pictured are Matt and Jerrmy.As usual,Matt is masking a funny face.We don't have many hotos
where he isnt.</p>
</div>
</div>
</body>
</html>
我预想的效果（DIV的标签居中）怎么也没有达到！试了很多都没有成功，后来在body样式中加了一个：text-
align:center;虽然成功。但这个不是我想要的（虽然我可以重新控制后面的文本不居中）。
无意中，我加上了DOCTYPE标签后，一切都迎刃而解了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
.....同上（略）....
看了书之后，才明白：DOCTYPE是一个健壮的文档所必需的，也是在编写HTML时要做的第一件事情。原来那些网页编辑器
自动生成时，也不是无的放矢的。一切都是自己粗心而忽略了！！！
之外，与声明DOCTYPE同样重要的是将HTML文档指定语言设定（这样的用处就是防止乱码）[分两步]：
1、设定语言(这时设置为英语的ISO代码en):
2、设定字符集(这里设定的是：gb2312)：
有意的查看了一下国内的一些大型网站，都有指定字符集，而对于语言则否。
同样的，作者也对我们提出了忠告：避免过度使用div和span
对于div，我们可以把它看作一个可以被重用的容器：将内容深深隐藏于太多的容器中并不是一个好主意，但是几个合理
位置中的div却可以让文档显得井井有条。