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 執行 --> 標簽。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM