HTML - 注释

HTML 注释用于在 HTML 代码中进行注释，因此开发人员可以理解该代码部分的用途，并且对调试也很有帮助。如果我们遇到任何特定元素的问题，我们可以通过注释掉该元素来检查它。

什么是 HTML 注释？

HTML 注释标签用于创建注释。HTML 中的注释就像是给自己和他人的注释。Web 浏览器会完全忽略评论，因此它们不会影响页面的外观或工作方式。HTML 中有两种类型的注释。

单行评论：单行注释在内给出。
多行注释：与单行注释相同，但如果我们在注释中添加多行，我们将有多行注释。

为什么要使用 HTML 注释？

注释可帮助您和其他人理解代码并提高代码的可读性。HTML 注释放置在标签之间。因此，放置在标签中的任何内容都将被视为评论，浏览器将完全忽略。

尝试运行以下 HTML 代码以查看输出。

HTML 注释示例

在下面的例子中，我们将看到单行和多行两种类型的注释。

HTML 单行注释

在此示例中，我们将对 body 标签中使用的每个元素使用单行注释。


<!DOCTYPE html>
<html>
<head>
		<title>html单行注释示例</title>
</head>
<body>
		<!-- 这是一条简单注释-->
		<h1>七科普教程</h1>
		<!-- 这是一条单行注释 -->
		<p>简单易学</p>
</body>
</html>

HTML 多行注释

在此示例中，我们将对 body 标签中使用的每个元素使用多行注释。


<!DOCTYPE html>
<html>
<head>
		<title>Html 多行注释示例</title>
</head>
<body>
		<!-- 
			 这是一条
			 多行注释
		-->
		<h1>七科普教程</h1>
		<!-- 
			 这是一条
			 多行注释
		-->
		<p>简单易学</p>
</body>
</html>

注意：我们不能使用上述方法对内部 CSS 和 JavaScript 部分进行注释。在 <style> 和 <script> 标签中，我们必须使用 CSS 和 JavaScript 注释语法。

使用 HTML 注释隐藏内容

当我们调试 HTML 代码时，这是必需的，这将有助于我们不渲染特定的 html 元素。


<!DOCTYPE html>
<html>
<head>
		<title>隐藏p元素示例</title>
</head>
<body>
		<h1>七科普教程</h1>
		<!--  <p>简单易学</p> -->
</body>
</html>

有效与无效注释

HTML 中的注释有一个您需要遵循的注释。您需要确保注释字符串的开头或结尾没有空格。


<!DOCTYPE html>
<html>
<head>
	 <title>有效和无效注释示例</title>
</head>
<body>
	 <!-- 	这是有效的注释 -->
	 < !-- 	这是一个无效注释 -->
	 < !-- 	这是一个无效注释 -- >
</body>
</html>

条件注释

条件注释是特定于 Windows 上的 Internet Explorer （IE）的功能，但其他浏览器会忽略它们。从 Explorer 5 开始支持它们，您可以使用它们向不同版本的 IE 提供条件指令。


<!DOCTYPE html>
<html>
<head>
	 <title>条件注释示例</title>
	 <!--[if IE 6]>
		 此处为IE 6的特别说明，只有IE 6浏览器才支持
	 <![endif]-->
</head>
<body>
	 <p>此处显示文档内容。。。。。</p>
</body>
</html>

打印本页