HTML中的代碼怎么注釋

這篇文章給大家分享的是有關(guān)HTML中的代碼怎么注釋的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　HTML注釋

　　在HTML代碼中，<!--和-->標簽之間的文本是文檔的注釋，注釋的內(nèi)容不會被顯示在瀏覽器頁面上。只有在文本編輯器中，或瀏覽器的“查看源代碼”選項打開文檔時，才能看到注釋。

　　HTML中的注釋有兩種類型，一種是HTML代碼注釋，一種是IE條件注釋。

　　1、HTML代碼注釋

　　在一個大文檔中，通過注釋來標明區(qū)塊的開始合結(jié)束的位置，可以方便查找，也可以通過注釋來阻止某些內(nèi)容顯示。

　　當(dāng)編寫了大量代碼時，對關(guān)鍵代碼進行注釋是一個良好的習(xí)慣，通過注釋來說明某段代碼的意圖，有助于提醒自己或需要在這個網(wǎng)站上工作的其他人，了解這段代碼的作用。

　　使用注釋來隱藏腳本，也是一個良好的習(xí)慣，這樣一來，不支持腳本的瀏覽器就不會把腳本作為純文本顯示出來。如：

　　<scripttype="text/javascript">

　　<!--

　　functiondisplayMsg(){

　　alert("HelloWorld!")

　　}

　　//-->

　　</script>

　　2、IE條件注釋

　　IE條件注釋（Conditionalcomments），是IE瀏覽器對HTML代碼注釋的一種擴展，它是一種非標準邏輯語句，可以靈活的為不同版本的IE導(dǎo)入不同html元素，如樣式表、html標簽等。

　　條件注釋在IE5首次出現(xiàn)，并得到后續(xù)版本的支持，其語法就是一個普通的HTML注釋，IE以外的瀏覽器會把它作為注釋而忽略。因此，它能通過W3C的校驗，也不會對其他瀏覽器造成影響。

　　條件注釋的功能非常強大，可以進行if條件判斷，并根據(jù)判斷結(jié)果是true或false，來決定是否要解析條件注釋里的內(nèi)容。

　　條件判斷以<!--[if條件]>開始，以<![endif]-->結(jié)束，可以根據(jù)IE、非IE進行判斷，還可以根據(jù)IE的版本號進行判斷，版本號可以精確到小數(shù)點后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腳本可以解決該問題。只需下載相應(yīng)的腳本，并在頁面的頭部，通過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設(shè)計師再也不必為IE的兼容性問題所困擾了。

感謝各位的閱讀！關(guān)于“HTML中的代碼怎么注釋”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！