- Web前端开发简明教程（HTML+CSS+JavaScript+jQuery）
- 邓春晖 秦映波
- 345字
- 2020-06-28 06:36:31
1.3 HTML网页结构
一个网页的基本结构如图1-2所示（注：网页代码不区分大小写，如<html>与<HTML>等效）。
图1-2 网页基本结构
网页第一行为文档类型声明，用DOCTYPE声明文档类型，以便验证文档是否符合文档类型定义（DTD），同时指定了浏览器关于页面使用哪个HTML版本进行编写的指令，如HTML 5中新添加的标签在HTML 4.0类型的网页中是不合法的。HTML 4.0支持的三种DOCTYPE声明分别是严格型（strict）、过渡型（transitional）和框架型（frameset）。
严格型的DTD声明：<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">。
过渡型的DTD声明：<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">。
框架型的DTD声明：<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">。
而HTML 5只支持一种DOCTYPE声明：<! DOCTYPE html>。
如果不指定文档类型，大部分浏览器按自己的方式来处理网页代码，可能导致CSS样式不能正常显示（如不能水平居中）且JavaScript代码不能正常运行。<html>标签中的<head>标签和<body>标签分别设置网页的头部和网页内容，如图1-2所示，在<head>标签中通过<title>标签设置网页的标题，在<body>标签中输入的文字则会直接显示在网页中。