2.3.2 HTML文档
1．HTML文档的基本结构
HTML文档即网页，其代码的基本结构如下：
从上述结构看出，HTM文档的首尾分别是＜html＞标记和＜/html＞标记，它们是HT-ML文档类型的标志，在这对标志中有头部内容和主体内容两部分。头部内容是文档的开头部分，对文档进行一些必要的定义；主体内容是HTML网页的主要部分，标记了页面中的元素对象。
2．HTML文档的基本标记
HTML的标记都用＜＞号括起，多数标记由标记头（如＜html＞）和标记尾（＜/html＞）成对匹配，标记尾是在标记名前加/组成的，例如：＜html＞…＜/html＞、＜head＞…＜/head＞等。以下是HTML文档的几个基本标记。
（1）HTML版本信息
HTML版本信息用以标明文档遵守HTML的哪一个版本，常用的文档版本声明如下。
1）HTML5。
格式：
＜！DOCTYPEhtml＞
2）HTML4.01Strict。
该DTD包含所有HTML元素和属性，但不包括展示性的和弃用的元素（比如font）。不允许框架集（Framesets）。
格式：
＜！DOCTYPEHTMLPUBLIC＂-//W3C//DTDHTML4.01//EN＂＂http://www.w3.org/TR/ht-ml4/strict.dtd＂＞
3）HTML4.01Transitional。
该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素（比如font）。不允许框架集（Framesets）。
格式：
＜！DOCTYPEHTMLPUBLIC＂-//W3C//DTDHTML4.01Transitional//EN＂＂http://www.w3.org/TR/html4/loose.dtd＂＞
4）HTML4.01Frameset。该DTD等同于HTML4.01Transitional，但允许框架集内容。
格式：
＜！DOCTYPEHTMLPUBLIC＂-//W3C//DTDHTML4.01Frameset//EN＂＂http://www.w3.org/TR/html4/frameset.dtd＂＞
5）XHTML1.0Strict。
该DTD包含所有HTML元素和属性，但不包括展示性的和弃用的元素（比如font）。不允许框架集（Framesets）。必须以格式正确的XML来编写标记。
格式：
＜！DOCTYPEhtmlPUBLIC＂-//W3C//DTDXHTML1.0Strict//EN＂＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd＂＞
6）XHTML1.0Transitional。
该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素（比如font）。不允许框架集（Framesets）。必须以格式正确的XML来编写标记。
格式：
＜！DOCTYPEhtmlPUBLIC＂-//W3C//DTDXHTML1.0Transitional.dtd//EN＂＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂＞
7）XHTML1.0Frameset。
该DTD等同于XHTML1.0Transitional，但允许框架集内容。
格式：
＜！DOCTYPEhtmlPUBLIC＂-//W3C//DTDXHTML1.0Frameset//EN＂＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd＂＞
8）XHTML1.1。
该DTD等同于XHTML1.0Strict，但允许添加模型（例如提供对东亚语系的ruby支持）。
格式：
＜！DOCTYPEhtmlPUBLIC＂-//W3C//DTDXHTML1.1//EN＂＂http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd＂＞
DreamweaverCS6创建的HTML文档最开头会自动加上以下的HTML版本信息代码：
＜！DOCTYPEhtmlPUBLIC＂-//W3C//DTDXHTML1.0Transitional.dtd//EN＂
＂http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd＂＞
（2）HTML标记
＜html＞…＜/html＞是HTML文档的标志，放在文档的头和尾，表明这是一个HTML文档。
（3）head标记
＜head＞…＜/head＞是头部标记，放在文档的起始部分，其中放置一些用于说明文档相关信息的其他标记。
（4）meta标记
meta是元信息标记，放在头部，用于说明和定义文档的一些特征信息，例如：
●文档类型和字符集。
＜metahttp-equiv=＂Content-Type＂content=＂text/html；charset=gb2312＂/＞
●定义关键字。
＜metaname=＂Keywords＂content=＂三峡，旅游＂/＞
●浏览器渲染。
页面使用IE9渲染：＜metahttp-equiv=＂x-ua-compatible＂content=＂ie=9＂/＞
页面默认使用极速内核：＜metaname=＂renderer＂content=＂webkit＂＞
页面默认使用ie兼容内核：＜metaname=＂renderer＂content=＂ie-comp＂＞
页面默认使用ie标准内核：＜metaname=＂renderer＂content=＂ie-stand＂＞
●每隔10秒钟刷新页面。
＜metahttp-equiv=＂Refresh＂content=＂10＂/＞
（5）title标记
＜title＞…＜/title＞标记应放在头部内，用于在浏览器标题栏显示当前页面的标题。
例如：
＜title＞欢迎访问电子信息学院网站＜/title＞
（6）body标记
＜body＞…＜/body＞为文档主体标记，其中放置各种页面元素的HTML标记，网页正文中的所有显示内容，如文字、图像、表格、动画、视频等都放置在这对主体标记之内。
3．HTML的语法规则
HTML文档应遵循以下语法规则如下。
1）HTML文档是文本文件，扩展名为“.html”或“.htm”，保留“.htm”扩展名是为了兼容早期名称。
2）HTML文档中有双标记和单标记之分。
双标记格式为：＜标记名属性名=＂属性值＂＞…＜/标记名＞
单标记格式为：＜标记名属性名=＂属性值＂/＞
注意：格式中属性并不是必需的，当然也可以同时定义多个属性，多个属性间以空格隔开。Web标准建议属性值应用双引号括起，同时推荐使用样式表而不是标记属性来控制元素的外观。
3）HTML标记及属性不区分字母大小写，例如，＜HTML＞和＜html＞是等效的，但Web标准建议都使用小写字母。
4）HTML标记可以嵌套，但不能交叉，各层标记是全包容关系。
例如，＜p＞＜fontcolor=＂#0000FF＂＞欢迎进入本网站＜/p＞＜/font＞是错误的写法。
5）HTML文档一行可以书写多个HTML标记，一个标记也可以分多行书写，不用任何续行符号，但HTML标记中的一个单词不能分在两行书写。
6）在Dreamweaver的代码视图中输入的换行、回车和多个连续英文空格在浏览时都是无效的，浏览器显示网页时，会自动忽略代码中输入的换行、回车、多于一个的连续英文空格（字串常量除外），所有的相应显示效果都必须用标记来控制，如需要在网页中插入新的段落时，必须使用分段标记＜p＞。换行可以使用＜br＞标记，需要多个英文空格，可以使用多个“ ；”转义符号。
7）在Dreamweaver的设计视图中输入的换行、回车和多个连续英文空格等将自动在代码视图中生成相应的HTML代码，它们相应的HTML代码分别为＜br/＞、＜P＞、 ；。
8）浏览器不能识别的格式写法通常将被浏览器自行解析，不会提示错误信息。