如何适当使用HTML注释使代码更易读？

HTML注释学习笔记

在HTML的世界里，注释就像是我们化妆时的“遮瑕膏”。虽然它不会在最终的“妆容”（网页）上显现，但对于打造整洁有序的“妆容”后台（源代码）却至关重要。

注释小秘诀

想要给HTML加点“遮瑕膏”吗？很简单，用<!--来开始你的“遮瑕”，再用-->来结束。在这两个小家伙之间的任何“瑕疵”（代码或文字），浏览器都会贴心地帮你隐藏起来。

比如：

<!-- 这里是个小秘密，不要告诉别人哦！ -->

记得，开始的“遮瑕膏”里有个必不可少的“！”（感叹号），而结束时就不需要了。

小贴士： 注释在网页上是隐形的，但对于我们这些爱美的“开发者”来说，它们是保持代码清爽整洁的好帮手。

遮瑕技巧大公开

在HTML的任意位置，你都可以轻轻拍上一层“遮瑕膏”。也许是为了提醒自己某个地方需要“补妆”（添加更多代码），也许是为了给别人留下个小提示。

比如：

<!-- 这里需要加个眼影，让眼睛更有神 -->
<p>今天的妆容很清新。</p>

<!-- 口红颜色再鲜艳一点就更好了 -->

这样，当你或其他人回顾代码时，就能迅速找到需要改进的地方。

临时隐藏小技巧

有时候，我们可能想暂时“卸下”某些妆容（代码），但又不想完全删除它们。这时候，注释就成了我们的救星。

比如：

<p>今天的眉毛画得不错。</p>

<!-- <p>还在犹豫要不要戴这副耳环。</p> -->

<p>口红色号选得也很满意。</p>

在这个例子里，关于耳环的段落被暂时“隐藏”了，这样我们就可以专心欣赏其他部分的妆容。

甚至，你还可以用注释来“遮盖”多行内容。只要把它们放在<!--和-->之间，就可以让它们从视线中消失。

例如：

<!--
<p>还在考虑要不要换这件衣服。</p>
<img src="new_dress.jpg" alt="新衣服">
-->

这里，一段文字和一张图片都被“遮盖”了，留给我们更多的思考空间。

调试好帮手

注释在“调试”妆容（代码）时也非常有用。当你发现某个地方出了点小问题，但又不确定是哪里时，可以尝试用注释来“遮盖”一部分妆容，看看问题是否仍然存在。

比如：

<p>眼影画得很均匀。</p>

<!-- <p>咦，这里好像有个小黑点，是眼影掉了吗？</p> -->

<p>眼线也画得很流畅。</p>

通过遮盖可能出问题的部分，我们可以更快地找到并解决问题。

局部遮瑕术

除了遮盖整个段落或图片等元素外，你还可以用注释来进行局部“遮瑕”。

比如：

<p>今天的妆容整体不错，但<!-- 鼻翼两侧需要再打点粉底 -->就可以更完美了。</p>

在这个例子里，“鼻翼两侧需要再打点粉底”被遮盖了，但整体妆容的评价仍然清晰可见。这种技巧可以用来隐藏一些不需要展示给其他人的小细节。