• 技术文章 >web前端 >前端问答

    html单行注释符有哪些

    青灯夜游青灯夜游2022-09-23 16:20:00原创178

    html中只支持一种注释符“<!-- -->”,包含在“<!--”和“-->”之间的所有内容都会被视为注释;“<!-- -->”符可以实现单行注释也可实现多行注释,只需要保证注释的内容在“<!--”和“-->”之间即可。“<!-- -->”注释可以出现在HTML文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。

    大前端零基础入门到就业:进入学习

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    HTML注释(附带示例)

    HTML 注释主要用来对文档中的代码进行解释说明,注释也是代码的一部分,但浏览器会自动忽略注释的内容,所以用户在网页中是看不到注释的。

    我们在编写代码时应该善用注释,因为一个完整的 HTML 文档往往由成百上千行代码组成,当我们想要修改其中的某个部分时可能需要花费很长的时间才能找到想要修改的地方。有了注释就不一样了,我们可以根据功能或者其它条件将程序划分为若干个部分并通过注释进行标记,这样可以帮助您和他人阅读您的代码,提高代码的可读性。

    单行注释

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

    <!DOCTYPE html>
    <html>
    <!-- head 开始 -->
    <head>
        <meta charset="UTF-8">  <!-- 当前文档采用UTF-8编码 -->
        <title>HTML注释的写法</title>
    </head>
    <!-- head 结束 -->
    <!-- body 开始 -->
    <body>
        <!-- 一段文本 -->
        <p>欢迎来到PHP中文网</p>
    </body>
    <!-- body 结束 -->
    </html>

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

    多行注释

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

    <!--
        多行注释
    -->

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

    IE 条件注释

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

    <!DOCTYPE html>
    <html>
    <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 下的运行效果:

    1.png

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

    2.png

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

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

    IE 浏览器对 HTML5 支持不太友好,低版本的行为更是怪异,IE 已经逐渐退出市场,各大互联网巨头也不再兼容 IE,大家在开发过程中也不用重点考虑 IE。

    (学习视频分享:web前端

    以上就是html单行注释符有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 注释标签
    上一篇:html表格的作用是什么 下一篇:html中阴影样式是什么代码
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• html文件的扩展名是什么?文件的文件类型是什么?• html5中不允许写结束符的标签有哪些• html和css算编程语言吗• 在html中css的分为几大类• HTML/CSS文本输入框有哪些属性
    1/1

    PHP中文网