HTML中的注释通常用于解释标记。它将帮助您和其他人在编辑源代码时快速、轻松地选择或找到文档中的特定部分。浏览器不显示注释。

我们在编写代码时应该善用注释,因为一个完整的 HTML 文档往往由成百上千行代码组成,当我们想要修改其中的某个部分时可能需要花费很长的时间才能找到想要修改的地方。有了注释就不一样了,我们可以根据功能或者其它条件将程序划分为若干个部分并通过注释进行标记,这样可以帮助您和他人阅读您的代码,提高代码的可读性。

1
2
3
4
5
6
<html>
<body>
<!--这是一段注释。注释不会在浏览器中显示。-->
<p>这是一段普通的段落。</p>
</body>
</html>

提示:在开始标签中有一个惊叹号,但是结束标签中没有。浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。

HTML注释

 

1. 单行注释

在 HTML 中您可以使用<!--  -->在代码中添加注释,<!-- 和-->之间的所有内容都会被视为注释。示例代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
 
<html>
 
<!-- head 开始 -->
 
<head>
 
    <meta charset="UTF-8">  <!-- 当前文档采用UTF-8编码 -->
 
    <title>HTML注释的写法</title>
 
</head>
 
<!-- head 结束 -->
 
<!-- body 开始 -->
 
<body>
 
    <!-- 一段文本 -->
 
    <p>欢迎来到Dotcpp编程HTML教程,请记住地址:
https://www.dotcpp.com/course/html/</p
>
 
</body>
 
<!-- body 结束 -->
 
</html>

呈现如下:

HTML 注释的写法

注释可以出现在 HTML 文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。

 

2. 多行注释

前面我们主要演示的是单行注释,在 HTML 中同样支持多行注释。多行注释与单行注释的区别并不大,我们只需要保证注释的内容在<!-- 和-->之间即可,如下所示:

1
2
3
4
5
<!--
 
    多行注释
 
-->

 使用注释除了可以对代码进行说明外,还可以用来注释程序中的代码,例如当不希望某段代码执行时,就可以先将它们注释掉,这样浏览器就不会执行这段代码了。

 

3. 条件注释

您也许会在 HTML 中偶尔发现条件注释:

1
2
3
4
5
<!--[if IE 8]>
 
.... some HTML here ....
 
<![endif]-->

条件注释定义只有 Internet Explorer 执行的 HTML 标签。


软件程序标签

各种 HTML 软件程序也能够生成 HTML 注释。

例如 <!—webbot bot—> 标签会被包围在由 FrontPage 和 Expression Web 创建的 HTML 注释中。

作为一项规则,这些标签的存在,有助于对创建这些标签的软件的支持。

点赞(149)

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)
#include<stdio.h>
int main()
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX