如何在HTML中添加評論

正確評論的HTML標記是構建良好的網頁的重要組成部分。 這些評論很容易添加,將來任何人都必須參與該網站的代碼(包括您自己或與您合作的任何團隊的成員)都會感謝您的評論。

如何添加HTML評論

HTML可以使用標準的文本編輯器來編寫,例如用於Windows的Notepad ++或用於Ma的TextEdit。 您還可以使用Adobe Dreamweaver等Web設計為中心的程序,甚至可以使用Wordpress或ExpressionEngine等CMS平台 。 無論您使用哪種工具創作HTML,如果您直接使用代碼,則可以添加HTML註釋,如下所示:

  1. 添加HTML註釋標記的第一部分:<! -
  2. 在評論的開頭部分之後,寫下你希望出現的評論文字。 這可能是您或其他開發人員未來的指示。 例如,如果您想指定頁面上的某個部分開始或結束於標記的位置,則可以使用註釋來詳細說明該部分。
  3. 一旦評論文本完成,請關閉評論標籤,如下所示: - >
  4. 因此,總的來說,您的評論將如下所示:<! - 這是評論內容的出現位置 - >

評論的顯示

當有人查看網頁的源代碼或在編輯器中打開HTML以進行一些更改時,您添加到HTML代碼的任何註釋都將顯示在該代碼中。 但是,當普通訪問者訪問該網站時,該評論文本不會出現在Web瀏覽器中。 與實際影響這些瀏覽器內頁面的其他HTML元素(包括段落,標題或列表)不同,評論實際上是“幕後”片段。

測試目的評論

由於註釋並未出現在Web瀏覽器中,因此它們可用於在頁面測試或開發期間“關閉”頁面的某些部分。 如果直接在要隱藏的部分頁面/代碼之前添加註釋的開頭部分,然後在該代碼的末尾添加結束部分(HTML註釋可以跨越多行,那麼您可以打開評論你的代碼第50行,並在第75行關閉它,沒有任何問題),那麼不管在該評論中的HTML元素將不再顯示在瀏覽器中。 它們將保留在您的代碼中,但不會影響頁面的可視化顯示。 如果您需要測試頁面以查看某個部分是否導致問題等,則註釋該區域比刪除它更可取。 有了評論,如果有問題的代碼部分證明不成問題,則可以輕鬆刪除評論部分,並且代碼將再次顯示。 只要確保用於測試的這些評論不會將其用於生產網站。

如果不應顯示頁面區域,則在啟動該網站之前,您想要刪除代碼,而不是將其註釋掉。

在開發過程中,HTML註釋的一個重要用處是當您構建一個響應式網站時 。 由於該網站的不同部分會根據不同的屏幕尺寸 (包括某些可能根本不顯示的區域)來改變其外觀,因此使用註釋打開或關閉頁面部分可能是在開發過程中使用的一種快速而簡單的技巧。

關於表現

我看到一些網絡專業人士建議,應該從HTML和CSS文件中刪除評論,以削減這些文件的大小並創建快速加載頁面。 儘管我同意頁面應該針對性能進行優化,並且應該快速加載,但仍然有一個地方可以在代碼中巧妙地使用註釋。 請記住,這些評論意在使未來在網站上工作變得更加容易,只要您沒有因代碼中的每一行添加註釋而使其過期,就會因為添加到頁面中的少量文件大小評論應該比接受更多。

使用評論的技巧

在使用HTML註釋時需要注意或記住一些事情:

  1. 評論可以是多行。
  2. 使用評論來記錄你的頁面的開發。
  3. 評論可以; 所以文檔內容,表格行或列,跟踪更改或任何你想要的。
  4. 關於某個網站“關閉”區域的評論不應該將其投入生產,除非這種更改是臨時性的,並且會在短期內發生逆轉(如根據需要打開或關閉警報消息)。