您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關HTML中的代碼怎么注釋的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
HTML注釋
在HTML代碼中,<!--和-->標簽之間的文本是文檔的注釋,注釋的內容不會被顯示在瀏覽器頁面上。只有在文本編輯器中,或瀏覽器的“查看源代碼”選項打開文檔時,才能看到注釋。
HTML中的注釋有兩種類型,一種是HTML代碼注釋,一種是IE條件注釋。
1、HTML代碼注釋
在一個大文檔中,通過注釋來標明區塊的開始合結束的位置,可以方便查找,也可以通過注釋來阻止某些內容顯示。
當編寫了大量代碼時,對關鍵代碼進行注釋是一個良好的習慣,通過注釋來說明某段代碼的意圖,有助于提醒自己或需要在這個網站上工作的其他人,了解這段代碼的作用。
使用注釋來隱藏腳本,也是一個良好的習慣,這樣一來,不支持腳本的瀏覽器就不會把腳本作為純文本顯示出來。如:
<scripttype="text/javascript">
<!--
functiondisplayMsg(){
alert("HelloWorld!")
}
//-->
</script>
2、IE條件注釋
IE條件注釋(Conditionalcomments),是IE瀏覽器對HTML代碼注釋的一種擴展,它是一種非標準邏輯語句,可以靈活的為不同版本的IE導入不同html元素,如樣式表、html標簽等。
條件注釋在IE5首次出現,并得到后續版本的支持,其語法就是一個普通的HTML注釋,IE以外的瀏覽器會把它作為注釋而忽略。因此,它能通過W3C的校驗,也不會對其他瀏覽器造成影響。
條件注釋的功能非常強大,可以進行if條件判斷,并根據判斷結果是true或false,來決定是否要解析條件注釋里的內容。
條件判斷以<!--[if條件]>開始,以<![endif]-->結束,可以根據IE、非IE進行判斷,還可以根據IE的版本號進行判斷,版本號可以精確到小數點后4位。如:
<!--[ifIE]><![endif]-->/*所有IE,無論哪個版本*/
<!--[ifIE6]><![endif]-->/*如果IE版本是6*/
條件判斷中,還支持大于(gt:greaterthan)、小于(lt:lessthan)、大于等于(gte:greaterthanorequal)、小于等于(lte:lessthanorequal)、或(|)、與(&)、非(!)、括號。如:
<!--[ifgtIE6]><![endif]-->/*如果IE版本大于6*/
<!--[iflteIE9]><![endif]-->/*如果IE版本小于等于9*/
<!--[ifIE6|IE7]><![endif]-->/*如果IE版本是6或7*/
<!--[if!IE5.5]><![endif]-->/*如果IE版本不是5.5*/
<!--[if(gtIE6)&(lteIE9)]><![endif]-->/*如果IE版本大于6,且小于等于9*/
借助條件注釋,可以解決很多IE兼容性問題。如,IE9以下的版本不支持HTML5的新元素header、nav、aside、footer等,而在Internet上存在大量的html5shiv腳本可以解決該問題。只需下載相應的腳本,并在頁面的頭部,通過IE條件注釋,讓IE9以下的版本加載該腳本,就可以讓這些老瀏覽器支持HTML5的新元素。
<!--[ifltIE9]>
<scriptsrc="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
也可以使用同樣的方法,來解決CSS的兼容性問題。如,IE6不支持一些CSS新特性,就可以專門針對IE6編寫CSS文件,并只讓IE6加載它:
<!--[ifIE6]>
<linkrel="stylesheet"href="css/ie6.css"/>
<![endif]-->
一個好消息是,從IE10版本開始,不再支持條件注釋。這標志著IE從此走向成熟、走向標準,Web設計師再也不必為IE的兼容性問題所困擾了。
感謝各位的閱讀!關于“HTML中的代碼怎么注釋”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。