HTML注释主要用于解释文档中的代码,注释也是代码的一部分,但浏览器会自动忽略注释的内容,因此用户无法在网页上查看注释。
完整的HTML文档通常由数百行代码组成,因此在编写代码时必须善加利用注释。要修改其中一个部分,可能需要很长时间才能找到要修改的地方。有注释就不一样了。可以根据功能或其他条件,将程序分成部分,进行注释,以便与他人阅读代码,提高可读性。
单行注释
在 HTML 中您可以使用<!-- -->
在代码中添加注释,<!--
和-->
之间的所有内容都会被视为注释。示例代码如下:
- <!DOCTYPE html>
- <html lang=“en”>
- <!– head 开始 –>
- <head>
- <meta charset=“UTF-8”> <!– 当前文档采用UTF-8编码 –>
- <title>HTML注释的写法</title>
- </head>
- <!– head 结束 –>
- <!– body 开始 –>
- <body>
- <!– 一段文本 –>
- <p>欢迎来到C语言中文网学习HTML教程,请记住地址:http://c.biancheng.net/html/</p>
- </body>
- <!– body 结束 –>
- </html>
运行结果如下所示:
图1:HTML 注释的写法
注释可以出现在 HTML 文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。
多行注释
前面我们主要演示的是单行注释,在 HTML 中同样支持多行注释。多行注释与单行注释的区别并不大,我们只需要保证注释的内容在<!--
和-->
之间即可,如下所示:
<!–
多行注释
–>
使用注释除了可以对代码进行说明外,还可以用来注释程序中的代码,例如当不希望某段代码执行时,就可以先将它们注释掉,这样浏览器就不会执行这段代码了。
IE 条件注释
条件注释仅对 Windows 系统上的 Internet Explorer(IE)浏览器中有效,其他的浏览器会忽略它们。从 IE5 开始支持条件注释,您可以使用条件注释为使用 IE 浏览器的用户提供一些说明。如下所示:
- <!DOCTYPE html>
- <html lang=“en”>
- <head>
- <meta charset=“UTF-8”>
- <title>IE浏览器条件注释</title>
- </head>
- <body>
- <h4>根据不同的 IE 版本显示不同的内容</h4>
- <!– 如果使用 IE,则显示 –>
- <!–[if IE]>
- <p>您正在使用IE浏览器</p>
- <![endif]–>
- <!– 如果使用 IE8,则显示 –>
- <!–[if IE 8]>
- <p>您正在使用 IE8</p>
- <![endif]–>
- <!– 如果不是使用 IE7,则显示 –>
- <!–[if !IE 7]>
- <p>您使用的不是 IE7</p>
- <![endif]–>
- <!– 如果版本小于 IE10,则显示 –>
- <!–[if lt IE 10]>
- <p>您正在使用 IE10 以下的版本</p>
- <![endif]–>
- <!– 如果版本大于等于 IE6,则显示 –>
- <!–[if gte IE 6]>
- <p>您正在使用 IE6 及其以上的版本</p>
- <![endif]–>
- </body>
- </html>
在 IE8 下的运行效果:
图2:条件注释在 IE8 下的运行效果
在 Chrome 浏览器下的运行效果:
图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
暂无评论内容