正在加载...

HTML 注释

你已经会写访问者能看到的标题和段落。有时你需要给自己或团队留一条不应出现在页面上的备注。HTML 注释就是为此而生。本课介绍注释语法，以及何时谨慎使用。

什么是 HTML 注释？

HTML 注释是包在 <!-- 与 --> 之间的文字。浏览器把它解析为注释，不会当作可见页面内容显示。注释适合简短提醒、源码中的章节标记，或在测试时临时关闭一段 markup。

直接回答

这样写注释：<!-- 你的备注写在这里 -->。开标签 <!-- 与闭标签 --> 之间的内容会留在源文件中，但不会作为普通文字、标题或段落呈现给访问者。若要确认注释仍在文件中，请打开 View Source 或 DevTools。

一条简单注释

html
HTML Code 
<!-- 这条备注仅给开发者看 -->
<p>这段文字会显示在页面上。</p>

阅读示例

  • 第一行是注释——访问者在页面上看不到那句话
  • 下面的段落是普通可见内容
  • 保存后两行都会留在 HTML 文件中

多行注释与临时隐藏

注释可以跨越多行。初学者常见用法是把想暂时关掉的块包起来，而不是删除。之后可以去掉注释标记以恢复 markup。临时块尽量短，保持文件可读。

注释掉一个块

html
HTML Code 
<h1>可见标题</h1>
<!--
<p>测试时这段被隐藏。</p>
<p>这段也是。</p>
-->
<p>这段仍然显示。</p>

注释不是安全手段

任何人都可以打开 View Source 并阅读你的注释。不要把密码、私钥或秘密 API 令牌放进 HTML 注释。注释用于开发备注，不是用来藏敏感数据。

亲自试一试

  1. 打开你的 HTML 练习文件
  2. 在一段落后面上方加一条短注释，说明该段用途
  3. 用多行注释包住一段，临时隐藏它
  4. 保存并打开页面——确认只有未注释内容可见
  5. 用 View Source（或编辑器）确认注释文字仍在文件中

常见错误

  • 忘记结束的 -->，导致后面内容消失或出错
  • 把密码或秘密放进注释
  • 在生产页面长期留下超大注释块
  • 以为注释能向 View Source 隐藏内容（不能）
  • 用注释代替真正的标题或段落写给访问者看的文字

小结

  • HTML 注释使用 <!-- 和 -->
  • 注释文字不会作为可见页面内容显示
  • 用注释做备注、章节提示或短暂临时隐藏
  • 多行注释可在测试时包住一小块
  • 注释在源码中可见——切勿在此存放秘密
  • 访问者应阅读的文字，优先用清晰的实际 markup

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己，看看你对这个主题的理解程度如何

❓
8
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部
主题 1 的 1
Html 教程