中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

HTML参考手册

  • HTML 标签列表(字母排序)
  • HTML 标签列表(功能排序)
  • HTML 全局属性
  • HTML 事件
  • HTML 画布
  • HTML 音频/视频
  • HTML 有效DOCTYPES
  • HTML 颜色名
  • HTML 在线拾色器
  • HTML 颜色混搭
  • HTML 字符集
  • HTML ASCII 参考手册
  • HTML ISO-8859-1 参考手册
  • HTML 符号实体参考手册
  • HTML URL 编码参考手册
  • HTML 语言代码参考手册
  • HTTP 状态消息
  • HTTP 方法:GET 对比 POST
  • Px、Em 换算工具
  • px,pt,em 换算表
  • px、em、rem区别介绍
  • 键盘快捷键
  • HTML标签

  • HTML track kind 属性
  • HTML video autoplay 属性
  • HTML video controls 属性
  • HTML track label 属性
  • HTML video height 属性
  • HTML track src 属性
  • HTML video loop 属性
  • HTML track srclang 属性
  • HTML video muted 属性
  • HTML tr align 属性
  • HTML video poster 属性
  • HTML tr bgcolor 属性
  • HTML video preload 属性
  • HTML tr char 属性
  • HTML video src 属性
  • HTML tr charoff 属性
  • HTML video width 属性
  • HTML tr valign 属性
  • HTML track default 属性
  • HTML tbody valign 属性
  • HTML script src 属性
  • HTML tbody charoff 属性
  • HTML script type 属性
  • HTML tbody char 属性
  • HTML q cite 属性
  • HTML tbody align 属性
  • HTML ol compact 属性
  • HTML style media 属性
  • HTML ol reversed 属性
  • HTML style scoped 属性
  • HTML ol start 属性
  • HTML style type 属性
  • HTML ol type 属性
  • HTML script async 属性
  • HTML script charset 属性
  • HTML script defer 属性
  • HTML embed height 属性
  • HTML button formaction 属性
  • HTML basefont face 属性
  • HTML embed src 属性
  • HTML button formenctype 属性
  • HTML embed type 属性
  • HTML button formmethod 属性
  • HTML basefont size 属性
  • HTML embed width 属性
  • HTML button formnovalidate 属性
  • HTML meta charset 属性
  • HTML dir compact 属性
  • HTML button formtarget 属性
  • HTML meta content 属性
  • HTML del cite 属性
  • HTML meta http-equiv 属性
  • HTML button name 属性
  • HTML del datetime 属性
  • HTML meta name 属性
  • HTML button type 属性
  • HTML button autofocus 属性
  • HTML button value 属性
  • HTML meta scheme 属性
  • HTML button disabled 属性
  • HTML menu label 属性
  • HTML button form 属性
  • HTML menu type 属性
  • HTML basefont color 属性
  • HTML map name 属性
  • HTML fieldset disabled 属性
  • HTML fieldset form 属性
  • HTML fieldset name 属性
  • 超详细的HTML <!–…– > 注释标签使用实例

    阅读 (2650)

    HTML <!--...--> 注释标签

    标签定义及使用说明

    <!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

    您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。

    您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。


    <script type="text/javascript">
    <!--
    function displayMsg()
    {
    alert("Hello World!")
    }
    //-->
    </script> 

    html 注释代码分析图
    html 注释代码分析图

    注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

    除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。


    实例

    HTML 注释:

    <!--这是一个注释,注释在浏览器中不会显示-->

    <p>这是一个段落</p>

    尝试一下 »

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主流浏览器都支持 <!--...--> 注释标签。


    HTML 4.01 与 HTML5之间的差异

    无。


    标准属性

    <!--...--> 注释标签不支持任何标准属性。

    如需更多有关 HTML 标准属性的信息,请访问 标准属性


    事件属性

    <!--...--> 注释标签不支持任何事件属性。

    如需更多有关 HTML 事件属性的信息,请访问 事件属性


    HTML注释的作用

    一套完整的代码可以让人眼花缭乱,当程序员想要对某些部分进行修改的时候,可能要花很多的时间去找出那部分的代码。就像我们在文章中给重要的部分进行标记、做记号一样,在代码里可以使用到“注释标签”来对一些代码进行注解。注释标签不会在可视化界面当中显示,因为它只是程序员们用来标注说明的一个小玩意,用来对一些代码程序进行解释,也方便后来者能够快速地接手并且理解其用处。

    代码示例

    <!--

    这是w3cschool网站首页头图

    -->

    <img src="http://statics.w3cschool.cn/images/w3c/intro.png"  alt="w3cschool" />


    运行结果:

    w3cschool

    解析:

    1、从上面示例我们可以看出,注释部分的文字在运行后不见了,但是如果查看源代码就能看见这部分的内容。

    <!--

    这是w3cschool网站首页头图

    -->

    2、在例子中还出现了<img src="图片路径"  alt="图片名称" />

    <img> 标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

    如何查看注释:

    1、首先在网页上点击右鼠标键,选择查看源代码。

    查看源代码


    2、进入源代码页面之后按下ctrl+f就会出现搜索框


    查找代码


    3、输入“<!--”就可以找到注释标签啦!除了用来说明之外,注释标签还经常用在注释掉一些暂时不需要显示的代码。比如你做了一个活动,明天上午十点才能开放页面,但是你可以提前把代码写好并上传,然后在活动开始的那一刻删掉注释,就能够比较快速地完成对网站的修改。


    当然,这样搜索出来的结果就是显示了所有的注释标签,如果是代码主人自己要查找某个注释标签,在搜索框里直接输入注释标签的文字内容即可。


    找到注释标签


    听说很多程序员喜欢写一些搞怪的注释标签,比如:

    <!--

    下面这串代码是经理要求加的,目的就是为了拖慢网页加载速度,好再坑客户一笔优化网站的钱

    -->

    <link rel="stylesheet" href="http://www.wfuyu.com/s/foo.css" type="text/css"> 

    <!--

    这个页面的代码都不要动!不要动!不要动!我动了之后就后悔了

    -->

    ......

    <!--

    这段代码好像是没用的,但是我不敢删掉

    -->

    ......

    上面是html的注释标签,注释标签还有另一种表现形式,就运用在C语言当中。

    C语言的注释符一般分为两种,一种是以“/*”开头,在中间加上注释内容,并以“*/”结尾的段落注释符。在“/*”和“*/”之间的即为注释。
    /*这里是注释标签*/
    
    另一种是以“//”开头,后面加注释内容的单行注释符。在“//”之后的即为注释。
    //这里是注释标签

    关闭
    程序员人生