HTML 註解 <!-- --> (Comments)
HTML 註解 (comment) 標籤 (tag) 是用來可以寫註解在你的 HTML 文件之中,註解會被瀏覽器 (browser) 忽略不會顯示在螢幕畫面上。通常註解是用來說明或備註你的 HTML 程式碼,讓你一陣子後回頭看或其他協同工作者可以知道你當初為什麼這一個地方的 HTML 會這樣子寫。
HTML 註解符號是用 <!--
和 -->
前後包住你的註解,舉個例子:
<!-- 這裡是註解文字,只會在 HTML code 裡看到,不會出現在畫面 -->
HTML 多行註解 (multi-line comments) 跟單行註解是一樣的,其實只要是在 <!--
和 -->
中間的所有內容都會被當成是註解:
<!--
這裡是多行註解
這裡是多行註解
這裡是多行註解
-->
HTML 條件式註解 Conditional Comments
條件式註解主要是針對微軟 (Microsoft) 的 IE 瀏覽器 (Internet Explorer browser),條件式註解的用法是讓特定版本的 IE 知道去讀取且執行條件式註解中的內容,而其他不符條件的 IE 版本或非 IE 瀏覽器則會當作這是一般註解而略過不會去執行註解中的內容。
舉個例子:
<link href="everything.css" rel="stylesheet">
<!--[if IE]><link href="legacy-ie.css" rel="stylesheet"><![endif]-->
上方例子的意思是只有 IE 瀏覽器會去下載 legacy-ie.css 樣式表。
條件式註解的語法就是 <!--[if IE]>
和 <![endif]-->
所組成,其中開頭標籤的括號中就是所謂的「條件」!
條件 | 說明 |
---|---|
<!--[if IE]>內容<![endif]--> | 針對所有版本的 IE 會去執行內容 |
<![if !IE]>內容<![endif]> | 只有 IE 不會去執行內容 |
<!--[if IE 7]>內容<![endif]--> | 只有 IE 7 會去執行內容 |
<!--[if IE 8]>內容<![endif]--> | 只有 IE 8 會去執行內容 |
<!--[if lte IE 7]>內容<![endif]--> | less than or equal to 只有 IE 7 (含) 以下會去執行內容 |
<!--[if lt IE 8]>內容<![endif]--> | less than 只有 IE 8 (不含) 以下會去執行內容 |
<!--[if gte IE 7]>內容<![endif]--> | greater than or equal to 只有 IE 7 (含) 以上會去執行內容 |
<!--[if gt IE 7]>內容<![endif]--> | greater than 只有 IE 7 (不含) 以上會去執行內容 |
你還可以用 ()
&
|
去組合出更複雜的條件,例如:
<!--[if (gt IE 5)&(lt IE 7)]>
<p>You are using Internet Explorer 6.</p>
<![endif]-->