精通HTML+CSS网页开发与制作
上QQ阅读APP看书,第一时间看更新

2.6 页面注释标签

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

注释语法如下:

注释语句由两部分组成,前半部分是一个左尖括号、一个半角感叹号和两个连字符,后半部分由两个连字符和一个右尖括号组成。代码如示例2.7所示。

示例2.7:

在浏览器中的效果如图2.7所示。

图2.7 页面注释

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

示例2.8:

在浏览器中的显示效果如图2.8所示。

图2.8 内容注释

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

目前,各行各业的信息都出现在网络上,而每个行业都有自己的行业符号,如数学、物理和化学都有特殊的符号,而这些特殊字符往往与HTML标签存在冲突,如果不加处理就会导致HTML页面的混乱,浏览器无法正确识别。那么,如何在网页中添加这些特殊的字符呢?在HTML中,特殊符号以&开头,后面书写相关特殊字符,常见的特殊字符如表2.1所示。

表2.1 HTML的特殊字符

技能训练

上机练习1

制作李之仪的词《卜算子》

需求说明:

使用学过的标签制作李之仪的词《卜算子》,页面效果如图2.9所示。

上机练习2

制作李之仪简介

需求说明:

使用学过的标签制作李之仪的简介,标题使用标题类标签,人名加粗显示,时间斜体显示,并制作页面版权部分,完成效果如图2.10所示。

图2.9 卜算子

图2.10 人物简介