个性化阅读
专注于IT技术分析

html注释 – HTML教程

点击下载

上一章HTML教程请查看:html meta元标签

注释是任何web浏览器都会忽略的一段代码,将注释添加到HTML代码中是一个很好的实践,特别是在复杂的文档中,以便向查看代码的任何人指出文档的各个部分和任何其他注释,注释可以帮助你和其他人理解你的代码,并提高代码的可读性。

HTML注释放在<!– … –>标签,因此,任何内容放在<!– … –>标记中将被视为注释,浏览器将完全忽略它。

例子

<!DOCTYPE html>
<html>

   <head>  <!-- 文档头开始 -->
      <title>这是文档标题</title>
   </head> <!-- 文档头结束 -->
    
   <body>
      <p>文档内容在这里.....</p>
   </body>
    
</html>

有效与无效的注释

注释不嵌套,这意味着一个注释不能放在另一个注释中。第二,双破折号序列“–”除了作为结束–>标记的一部分之外,不能出现在注释中,你还必须确保在注释字符串的开始处没有空格。

例子

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

<!DOCTYPE html>
<html>

   <head>
      <title>有效注释的例子</title>
   </head>
    
   <body>
      <!--   这是有效的注释 -->
      <p>文档内容在这里.....</p>
   </body>
    
</html>

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

<!DOCTYPE html>
<html>

   <head>  
      <title>无效注释的例子</title>
   </head>
    
   <body>
      < !--   这不是一个有效的注释 -->
      <p>文档内容.....</p>
   </body>
    
</html>

多行注释

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

你可以通过特殊的开始标记<!–来注释多行,结束标记–>放在第一行和最后一行的前面,如下面的示例所示。

例子

<!DOCTYPE html>
<html>

   <head>  
      <title>多行注释</title>
   </head> 
    
   <body>
      <!-- 
        这是一个多行注释,它可以
        你喜欢多少行就跨越多少行。
      -->
      
      <p>文本内容.....</p>
   </body>
    
</html>

条件注释

条件注释只能在Windows的Internet Explorer (IE)中工作,但是其他浏览器会忽略它们。它们从Explorer 5开始就受到支持,你可以使用它们为不同版本的IE提供条件指令。

例子

<!DOCTYPE html>
<html>

   <head>  
      <title>条件注释</title>

      <!--[if IE 6]>
      这里是ie6的特殊说明
      <![endif]-->
   </head> 
   
   <body>
      <p>文档内容.....</p>
   </body>
    
</html>

你将遇到一种情况,你将需要应用一个不同的样式表基于不同版本的Internet Explorer,在这种情况下,条件注释将是有益的。

使用注释标记

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

注意,<comment>标签在HTML5中被弃用,不要使用这个元素。

例子

<!DOCTYPE html>
<html>

   <head>
      <title>使用注释标记</title>
   </head>
    
   <body>
      <p>这 <comment>不是</comment> Internet Explorer.</p>
   </body>
    
</html>

注释脚本代码

虽然你将学习JavaScript和HTML,在一个单独的教程,但是你必须注意,如果你使用的是Java脚本或VB脚本在你的HTML代码然后建议把脚本代码内部适当的HTML注释,这样老的浏览器可以正常工作。

例子

<!DOCTYPE html>
<html>

   <head>
      <title>注释脚本代码</title>
      
      <script>
         <!-- 
            document.write("Hello World!")
         //-->
      </script>
   </head>
    
   <body>
      <p>Hello , World!</p>
   </body>
    
</html>

注释样式表

虽然你将学习使用HTML的样式表在一个单独的教程,但是你必须注意,如果你正在使用层叠样式表(CSS)在你的HTML代码然后建议把样式表代码内部适当的HTML注释,这样老的浏览器可以正常工作。

例子

<!DOCTYPE html>
<html>

   <head>
      <title>评论样式表</title>
      
      <style>
         <!--
            .example {
               border:1px solid #4a7d49;
            }
         //-->
      </style>
   </head>
    
   <body>
      <div class = "example">Hello , World!</div>
   </body>
    
</html>
赞(0)
未经允许不得转载:srcmini » html注释 – HTML教程

评论 抢沙发

评论前必须登录!