首頁 >web前端 >html教學 >關於HTML中的程式碼註釋

關於HTML中的程式碼註釋

零到壹度
零到壹度原創
2018-03-29 15:14:113895瀏覽


本文主要為大家分享一篇關於HTML中的程式碼註解的問題,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧。

HTML註解

在HTML程式碼中,c67ae41cbb7f96d43e7acb02147b0e5b標籤之間的文字是文件的註釋,註釋的內容不會被顯示在瀏覽器頁面上。只有在文字編輯器中,或瀏覽器的「檢視原始碼」選項開啟文件時,才能看到註解。

HTML中的註解有兩種類型,一種是HTML程式碼註釋,一種是IE條件註解。

1、HTML程式碼註解

在一個大文件中,透過註解來標示區塊的開始合結束的位置,可以方便查找,也可以透過註釋來阻止某些內容顯示。

當編寫了大量程式碼時,對關鍵程式碼進行註解是一個良好的習慣,透過註解來說明某段程式碼的意圖,有助於提醒自己或需要在這個網站上工作的其他人,了解這段程式碼的作用。

使用註解來隱藏腳本,也是一個好的習慣,這樣一來,不支援腳本的瀏覽器就不會把腳本當作純文字顯示出來。如:

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

2、IE條件註解

IE條件註解(Conditional comments),是IE瀏覽器對HTML程式碼註解的一種擴展,它是一種非標準邏輯語句,可以靈活的為不同版本的IE匯入不同html元素,如樣式表、html標籤等。

條件註釋在IE5首次出現,並得到後續版本的支持,其語法就是一個普通的HTML註釋,IE以外的瀏覽器會把它作為註釋而忽略。因此,它能通過W3C的校驗,也不會對其他瀏覽器造成影響。

條件註解的功能非常強大,可以進行 if 條件判斷,並根據判斷結果是true 或 false,來決定是否要解析條件註解裡的內容。

條件判斷以ec1da8fa0827bb7016c29542c2233967 開始,以1b771f47d72d900ba74308aee59557f0結束,可以根據IE、非IE進行判斷,還可以根據IE的版本號進行判斷,版本號碼可以精確到小數點後4位。如:

<!--[if IE]> <![endif]-->      /* 所有IE,无论哪个版本 */
<!--[if IE 6]> <![endif]-->    /* 如果IE版本是6 */

條件判斷中,也支持大於(gt: greater than)、小於(lt: less than)、大於等於(gte: greater than or equal)、小於等於(lte: less than or equal)、或(|)、與(&)、非(!)、括號。如:

<!--[if gt IE 6]> <![endif]-->             /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]-->            / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]-->          /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]-->             /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]-->  / * 如果IE版本大于6,且小于等于9 * /

借助條件註釋,可以解決許多IE相容性問題。如,IE9以下的版本不支援HTML5的新元素 header、nav、aside、footer等,而在Internet上存在大量的 html5shiv腳本可以解決這個問題。只要下載對應的腳本,並在頁面的頭部,透過IE條件註釋,讓IE9以下的版本載入該腳本,就可以讓這些舊瀏覽器支援HTML5的新元素。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

也可以使用同樣的方法,來解決CSS的相容性問題。如,IE6不支援一些CSS新特性,就可以專門針對IE6編寫CSS文件,並只讓IE6加載它:

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

一個好消息是,從IE10版本開始,不再支援條件註釋。這標誌著IE從此走向成熟、走向標準,Web設計師再也不必為IE的兼容性問題所困擾了。

相關推薦:

html註解規格

#HTML程式碼註解

#HTML的程式碼註解 

以上是關於HTML中的程式碼註釋的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn