今日给大家讲解HTML注释的写法(附带示例)

HTML注释主要用于解释文档中的代码,注释也是代码的一部分,但浏览器会自动忽略注释的内容,因此用户无法在网页上查看注释。

完整的HTML文档通常由数百行代码组成,因此在编写代码时必须善加利用注释。要修改其中一个部分,可能需要很长时间才能找到要修改的地方。有注释就不一样了。可以根据功能或其他条件,将程序分成部分,进行注释,以便与他人阅读代码,提高可读性。

单行注释

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

  1. <!DOCTYPE html>
  2. <html lang=“en”>
  3. <!– head 开始 –>
  4. <head>
  5. <meta charset=“UTF-8”> <!– 当前文档采用UTF-8编码 –>
  6. <title>HTML注释的写法</title>
  7. </head>
  8. <!– head 结束 –>
  9. <!– body 开始 –>
  10. <body>
  11. <!– 一段文本 –>
  12. <p>欢迎来到C语言中文网学习HTML教程,请记住地址:http://c.biancheng.net/html/</p>
  13. </body>
  14. <!– body 结束 –>
  15. </html>

运行结果如下所示:

1-2109291A01S24
图1:HTML 注释的写法

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

多行注释

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

<!–
    多行注释
–>

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

IE 条件注释

条件注释仅对 Windows 系统上的 Internet Explorer(IE)浏览器中有效,其他的浏览器会忽略它们。从 IE5 开始支持条件注释,您可以使用条件注释为使用 IE 浏览器的用户提供一些说明。如下所示:

  1. <!DOCTYPE html>
  2. <html lang=“en”>
  3. <head>
  4. <meta charset=“UTF-8”>
  5. <title>IE浏览器条件注释</title>
  6. </head>
  7. <body>
  8. <h4>根据不同的 IE 版本显示不同的内容</h4>
  9. <!– 如果使用 IE,则显示 –>
  10. <!–[if IE]>
  11. <p>您正在使用IE浏览器</p>
  12. <![endif]–>
  13.  
  14. <!– 如果使用 IE8,则显示 –>
  15. <!–[if IE 8]>
  16. <p>您正在使用 IE8</p>
  17. <![endif]–>
  18.  
  19. <!– 如果不是使用 IE7,则显示 –>
  20. <!–[if !IE 7]>
  21. <p>您使用的不是 IE7</p>
  22. <![endif]–>
  23.  
  24. <!– 如果版本小于 IE10,则显示 –>
  25. <!–[if lt IE 10]>
  26. <p>您正在使用 IE10 以下的版本</p>
  27. <![endif]–>
  28.  
  29. <!– 如果版本大于等于 IE6,则显示 –>
  30. <!–[if gte IE 6]>
  31. <p>您正在使用 IE6 及其以上的版本</p>
  32. <![endif]–>
  33. </body>
  34. </html>

在 IE8 下的运行效果:

1-2109291GK31X
图2:条件注释在 IE8 下的运行效果

在 Chrome 浏览器下的运行效果:

1-2109291GZ3641
图3:条件注释在 Chrome 下的运行效果

条件注释可以检测当前浏览器是否是 IE,以及 IE 版本,开发人员可以根据不同的 IE 浏览器加载不同的样式表或者 JS 脚本。

比较 IE 版本将会用到如下关键字:

  • lt:less than 的简写,也就是小于的意思。
  • lte:less than or equal to 的简写,也就是小于或等于的意思。
  • gt:greater than 的简写,也就是大于的意思。
  • gte:greater than or equal to 简写,也就是大于或等于的意思。
  • !:不等于
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容