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>标记作为注释内容处理,在浏览器中将不会显示这部分内容。