如何在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. 关于某个网站“关闭”区域的评论不应该将其投入生产,除非这种更改是临时性的,并且会在短期内发生逆转(如根据需要打开或关闭警报消息)。