HTML标签系列(一)之注释标签 <!-- -->

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

 

定义和作用: 为代码添加注释。是代码更易读, 方便后期的维护。特别是代码量大的项目,适当的注释是非常必要的。

  方便别人:方便其它开发者了解你的代码。

  方便自己:方便以后对自己代码的理解与修改等等。

兼容性:所有浏览器都支持。

 

常见使用示例:

 

一、普通注释(增强代码的可读性)

<!-- 头部开始 -->
    <header>
      <h1>页眉标题</h1>
    </header>
<!-- 头部end -->
    
<!-- 页脚开始 -->
    <footer>
      页脚内容
    </footer>
<!-- 页脚end -->

  

二、条件注释(与CSS)

<head>
<!--[if gt IE8]>
    <style>
        .test{color: red;}
    </style>
<![endif]-->
</head>

<!--[if IE]>
<p class="test">你在非IE浏览器中看不到这段内容</p>
<![endif]-->

  只有IE8以上版本浏览,才能看到应用了test类的元素是红色文本。

 

 三、隐藏脚本(与JS)

<script type="text/javascript">
<!--
function sayHi()
{
alert("Hi")
}
//-->
</script>

   结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 --> 标签。

 

posted @ 2021-05-12 15:07  启杰行者  阅读(2456)  评论(0编辑  收藏  举报