Z
ZHANK
文本与排版

HTML 注释

注释语法、注释的用途、调试技巧、快捷键

HTML 注释

注释不会被浏览器显示——用来解释代码临时隐藏内容。

学完本章你将: 掌握注释语法、注释的用途、调试技巧。


注释语法

html
<!-- 这是一条注释 -->

<!-- 这是多行注释
     可以跨越多行 -->

<p>可见内容</p>
<!-- <p>这行被注释掉了,不会显示</p> -->

注释的用途

html
<!-- ===== 导航栏 ===== -->
<nav>
  <a href="/">首页</a>
  <a href="/about">关于</a>
</nav>

<!-- TODO: 替换为真实图片 -->
<img src="placeholder.jpg" alt="占位图">

<!-- 旧代码暂时保留
<div class="old-banner">...</div>
-->

注意事项

html
<!-- ❌ 注释不能嵌套 -->
<!-- 外层注释 <!-- 内层注释 --> 这不会被正确解析 -->

<!-- ✅ 注释不能放在标签属性中 -->
<!-- <p title="这是<!--注释-->">错误</p> -->

💡 按 Ctrl + /(VS Code)快速注释/取消注释当前行。