Menu Close

HTML注释语句

注释语句是任何浏览器都会忽略的一段代码。 在 HTML 代码中添加注释是一种很好的做法,尤其是在复杂的文档中,注释可帮助您和其他人理解您的代码并提高代码的可读性。

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>

结果显示

Document content goes here.....

有效与无效注释

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

例如,下例是有效注释:

<!DOCTYPE html>
<html>

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

结果:

Document content goes here.....

例如,下例是无效注释,因为有一个空格 在 <  和 !– 之间

<!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>

运行结果:

< !-- This is not a valid comment -->
Document content goes here.....

多行注释语句

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>

运行结果

Document content goes here.....

脚本代码注释

虽然您将在单独的教程中使用 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>

结果

Hello World!
Hello , World!

注释样式表(CSS)

虽然您将在单独的教程中学习使用 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>

结果

除教程外,本网站大部分文章来自互联网,如果有内容冒犯到你,请联系我们删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Leave the field below empty!

Posted in HTML 教程

Related Posts