《阿宝哥的HTML5编程笔记》之0202:

《阿宝哥的HTML5编程笔记》之0202:<!--...-->_第1张图片
大前端设计(H5+小程序+App)

温馨提示:

本文中可能包含表格,在手机屏幕上竖屏显示时,一行内可显示中文字符数量为20个左右,因部分表格单元格内容过长会导致自动换行,从而使得排版不太美观。

另外,本文中可能包含高清图片,在手机屏幕上预览时,我们需要频繁的进行放大缩小操作,这是相当麻烦的一件事情。

因此,如果条件允许,建议您坐在舒适的办公桌前,冲泡一杯咖啡或者茶,在电脑上阅读以获得更好的体验。

1、定义和用法

注释标记用于在源代码中插入注释。注释是对源代码的自然语言说明和描述。HTML注释不会被执行,故不显示在浏览器中,但是会被包含在浏览器获取到的HTML文档中。

1.1、语法

语法如下:

  • 单行注释:

  • 多行注释:

1.2、用法

  • 描述代码

您可使用注释对代码进行描述,比如功用、目的和业务规则等等,这样做有助于提升代码的可读性,便于您及团队维护项目源代码,尤其是编写了大量代码时更为重要。

例如:





    
        
        描述代码
    

    
        
        

        
        
  • 屏蔽代码

使用注释标记来隐藏不需要浏览器运行的代码,以便调试。

例如:




    
        
        
        
        
        
    

    

        

    


2、浏览器支持

Firefox IE Chrome Safari Opera
Yes Yes Yes Yes Yes

3、实例





    
        
        实例
        
        
    

    
        
        

        
        

运行效果:

《阿宝哥的HTML5编程笔记》之0202:<!--...-->_第2张图片
运行效果

您会发现,浏览器确实不显示注释,页面上什么也没有。但是,注释仍然会被包含在浏览器获取到的HTML文档源代码中,如下图:

《阿宝哥的HTML5编程笔记》之0202:<!--...-->_第3张图片
查看源代码

4、HTML 4.01 与 HTML5 之间的差异

无。

5、标准属性

注释标记不支持任何标准属性。

如需更多有关 HTML 标准属性的信息,请查看 《阿宝哥的HTML5编程笔记》之03:标准属性。

6、事件属性

注释标记不支持任何事件属性。

如需更多有关 HTML 事件属性的信息,请查看 《阿宝哥的HTML5编程笔记》之04:事件属性。

7、注意事项

注释标记的一定是以结束,不然编辑器和浏览器将无法识别。如:



    
        
        语法错误
    
    
        < ! --
            作者:AT阿宝哥
            时间:2019-01-29
            描述:注释开始标记语法错误.
        -->
        
        _第4张图片" style="border:1px solid black;"> 
   
语法错误

你可能感兴趣的:(《阿宝哥的HTML5编程笔记》之0202:)