HTML注释


注释是一段代码,任何网络浏览器都将忽略它。最好在HTML代码中添加注释,尤其是在复杂的文档中,以指示文档的各个部分,并向查看该代码的任何人提供其他注释。注释可以帮助你和其他人理解你的代码并提高代码的可读性。

HTML注释位于之间 <!-...-> 标签。因此,任何带有<!-...->标记的内容都将被视为注释,并且将被浏览器完全忽略。

<!DOCTYPE html>
<html>

    <head>  <!-- Document Header Starts -->
        <title>This is document title</title>
    </head> <!-- Document Header Ends -->
	
    <body>
        <p>Document content goes here.....</p>
    </body>
	
</html>

这将产生以下结果,而不会显示作为注释一部分给出的内容:

有效与无效注释


注释不会嵌套,这意味着不能将注释放入另一个注释中。其次,双破折号序列“-”可能不会出现在注释中,除非作为结束->标记的一部分。你还必须确保在开始注释字符串中没有空格。

在这里,给定的注释是有效的注释,将被浏览器擦除。

<!DOCTYPE html>
<html>

    <head>
        <title>Valid Comment Example</title>
    </head>
	
    <body>
        <!--   This is valid comment -->
        <p>Document content goes here.....</p>
    </body>
	
</html>

这将产生以下结果:

但是,下一行不是有效的注释,将由浏览器显示。这是因为在左尖括号和感叹号之间有一个空格。

<!DOCTYPE html>
<html>

    <head>
        <title>Invalid Comment Example</title>
    </head>
	
    <body>
        < !--   This is not a valid comment -->
        <p>Document content goes here.....</p>
    </body>
	
</html>

这将产生以下结果:

多行注释


到目前为止,我们已经看到单行注释,但是HTML也支持多行注释。

你可以通过特殊的开始标记<!-和结束标记->注释多行,如下文中的示例所示,该标记位于第一行的最后一行和最后一行的末尾。

<!DOCTYPE html>
<html>

    <head>
        <title>Multiline Comments</title>
    </head>
	
    <body>
        <!--
            This is a multiline comment and it can
            span through as many as lines you like.
        -->
      
        <p>Document content goes here.....</p>
    </body>
	
</html>

这将产生以下结果:

有条件的评论


条件注释仅在Windows上的Internet Explorer(IE)中有效,但其他浏览器将忽略它们。从Explorer 5开始支持它们,你可以使用它们为IE的不同版本提供条件说明。

<!DOCTYPE html>
<html>

    <head>
        <title>Conditional Comments</title>

        <!--[if IE 6]>
            Special instructions for IE 6 here
        <![endif]-->
    </head>
   
    <body>
        <p>Document content goes here.....</p>
    </body>
	
</html>

你会遇到需要根据不同版本的Internet Explorer应用不同的样式表的情况,在这种情况下,条件注释会很有帮助。

使用评论标签


很少有浏览器支持标记来注释HTML代码的一部分。

注意 标记在HTML5中已弃用。不要使用此元素。

<!DOCTYPE html>
<html>

    <head>
        <title>Using Comment Tag</title>
    </head>
	
    <body>
        <p>This is <comment>not</comment> Internet Explorer.</p>
    </body>
	
</html>

如果你使用的是IE,则会产生以下结果:

但是,如果你不使用IE,则会产生以下结果:

注释脚本代码


尽管你将学习HTML的JavaScript,但在单独的教程中,但是在这里必须注意,如果你在HTML代码中使用Java Script或VB Script,则建议将该脚本代码放入适当的HTML注释中,以免过时浏览器可以正常工作。

<!DOCTYPE html>
<html>

    <head>
        <title>Commenting Script Code</title>
      
        <script>
            <!--
                document.write("Hello World!")
            //->
        </script>
    </head>
	
    <body>
        <p>Hello , World!</p>
    </body>
	
</html>

这将产生以下结果:

注释样式表


尽管你将在单独的教程中学习如何将样式表与HTML一起使用,但是在此处必须注意,如果你在HTML代码中使用级联样式表(CSS),则建议将该样式表代码放入适当的HTML注释中这样旧的浏览器才能正常运行。

<!DOCTYPE html>
<html>

    <head>
        <title>Commenting Style Sheets</title>
      
        <style>
            <!--
                .example {
                    border:1px solid #4a7d49;
                }
            //->
        </style>
    </head>
	
    <body>
        <div class = "example">Hello , World!</div>
    </body>
	
</html>

这将产生以下结果: