CSS3+DIV网页样式与布局案例课堂(第2版)
上QQ阅读APP看书,第一时间看更新

1.3 一个简单网页的基本构成

任何一个网页都包含在<html>和</html>这对标签之内,在这对标签中通常包含三个要素,分别是head部分、body部分以及注释部分。

1.3.1 Head部分

头标记head用于说明文档头部相关信息,一般包括标题信息、元信息、定义CSS样式和脚本代码等。HTML的头部信息是以<head>开始,以</head>结束,语法格式如下。

<head>
…
</head>

提示

<head>元素的作用范围是整篇文档,定义在HTML头部的内容往往不会在网页上直接显示。在head标记中一般可以设置title和meta等标记的内容。

1.3.2 Body部分

网页所要显示的内容都放在网页的主体标记内,它是HTML文件的重点所在,HTML所有标记都将放在这个标记内。然而它并不仅仅是一个形式上的标记,它本身也可以控制网页的背景颜色或背景图像。主体标记是以<body>开始,以</body>结束,语法格式如下。

<body>
…
</body>

注意,在构建HTML结构时,标记不允许交错出现,否则会造成错误。

例如,在下列代码中,<body>开始标记出现在<head>标记内。

<html>
<head>
<title>html标记</title>
<body>
</head>
</body>
</html>

代码中的第4行<body>开始标记和第5行的</head>结束标记出现了交叉,这是错误的。HTML中的所有代码都不允许交错出现。

1.3.3 注释部分

注释是在HTML代码中插入的描述性文本,用来解释该代码或提示其他信息。注释只出现在代码中,浏览器对注释代码不进行解释,并且在浏览器的页面中不显示。在HTML源代码中适当地插入注释语句是一种非常好的习惯。对于设计者日后的代码修改、维护工作很有好处。另外,如果将代码交给其他设计者,其他人也能很快读懂前者所撰写的内容。

语法:

<!--注释的内容-->

注释语句元素由前后两半部分组成,前半部分由一个左尖括号、一个半角感叹号和两个连字符组成,后半部分由两个连字符和一个右尖括号组成。例如:

<html>
<head>
<title>标记测试</title>
</head>
<body>
<!-- 这里是标题-->
<h1>网页</h1>
</body>
</html>

页面注释不但可以对HTML中一行或多行代码进行解释说明,而且还能注释掉这些代码。如果希望某些HTML代码在浏览器中不显示,可以将这部分内容放在<!--和-->之间,例如,修改上述代码,如下所示。

<html>
<head>
<title>标记测试</title>
</head>
<body>
<!--
<h1>网页</h1>
-->
</body>
</html>

修改后的代码,将<h1>标记作为注释内容处理,在浏览器中将不会显示这部分内容。