HTML 註解使用介紹

幾乎大部分的網頁程式語言都有註解的功能,HTML 的註解表示方式是以 <!-- 開始,並由 --> 做為結尾,其間的內容將被瀏覽器視為註解,在網頁呈現的時候會被忽略,檢視原始碼才看得到。HTML 註解是給網頁設計人員維護所使用的。

標準的 HTML 註解寫法

<!-- ... 這裡是註解文字 ... -->


註解區塊內的文字不會顯示於網頁上,就算是在區塊內寫 HTML 程式碼也一樣不會執行!瀏覽器會自己判斷,幾乎所有的主流瀏覽器都可以正常判斷,另外這樣的註解寫法除了單行之外,也可以一次包含多行的註解。

HTML 註解使用簡單範例

右邊單引號內是註解內容「<!--這裡是註解文字-->」

呈現結果就是

右邊單引號內是註解內容「」


HTML 多行註解使用簡單範例
<!--
這裡是多行 HTML 註解文字
這裡是多行 HTML 註解文字
-->
無論是單行或多行,只要是在註解符號 <!-- 與 --> 間的文字都不會顯示在網頁上。HTML 註解用起來相當的簡單容易,但水能載舟亦能覆舟,常常見到一些網站的原始碼中,有大量的 HTML 註解,造成程式碼非常的冗長,這絕對不是個好現象,註解的用途是用來標示一些重點,以利未來程式碼維護使用,而不是用來刪除某個網頁中元素,既然該網頁元素要刪除,就應該直接清除,而不是用註解來隱藏。

HTML 註解與 CSS 語法的差異
隨著 CSS 技術的演進,網頁中加入 CSS 語法已經是稀鬆平常的事情了,但是 CSS 的語法開頭與結尾會有類似 HTML 註解的標示,瀏覽器是怎麼判斷的呢?一個 CSS 語法與 HTML 網頁結合可能會類似下方這樣,通常會放在 <head></head> 標籤之間。
<style type="text/css">
<!--
...這裡是 CSS Code...
-->
</style>
這個 CSS 語法也是嵌入在 HTML 網頁中,但是由於有 <style type="text/css"> 以及 </style> 的標示,瀏覽器就會將裡面的 Code 判斷為 CSS Code,所以那兩個看似 HTML 註解的符號就不受影響,其間的 CSS Code 依然有效果。

推薦給您的延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012