標準的 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 依然有效果。<!--
...這裡是 CSS Code...
-->
</style>
推薦給您的延伸閱讀