<p>HTML中没有"备注",只有<!-- -->注释;它不显示、不可见、无法被JS选择器获取,仅用于源码说明,语法严格,不可嵌套或缺失字符,生产环境常被压缩移除。</p>HTML 里没有"备注"这个东西,只有 <!-- --> 注释很多人搜"HTML 修改备注",其实是想改页面里那些灰色的、不显示在浏览器里的说明文字。HTML 标准里管这叫"注释",语法固定是 <!-- 这里是注释内容 -->,不是 Word 里的批注,也不能像 JS 那样用 // 或 /* */。常见错误现象:<!-- 这是注释 --> 被写成 <!-- 这是注释 >(少了一个 -),或者嵌套使用(<!-- <!-- 内层 --> -->),浏览器直接忽略整段甚至破坏后续结构。注释必须以 <!-- 开头、--> 结尾,中间不能出现 -- 或 >换行、缩进、空格都允许,但别在注释里写未转义的 HTML 标签(比如 <div>),哪怕只是想"备注一下结构",浏览器可能误解析构建工具(如 Webpack/Vite)默认保留注释,但生产环境常配 minify: true,会自动删掉所有 <!-- --> ------ 别指望它在上线后还"可见"想让"备注"在页面上显示出来,就得用真实 HTML 元素如果本意是"给开发/测试人员看提示,但又不想影响用户",那得靠视觉隐藏 + 语义化标记,而不是依赖注释。注释对运行时完全不可见,连 document.querySelector() 都抓不到。使用场景:临时调试提示、组件说明、A/B 测试标记位。立即学习"前端免费学习笔记(深入)";用 <div> + class="dev-note",配合 CSS display: none 或 color: #999; font-size: 0.8em;加 data-* 属性更稳妥,比如 <div data-dev-note="此处对接 v2 API"></div>,JS 可读可查,不影响渲染避免用 <span> 包注释文字再设 visibility: hidden ------ 它仍占布局流,可能意外撑开容器document.createComment() 是 JS 动态加注释的唯一方式真有 runtime 修改注释的需求(极少见),只能走 DOM API。HTML 字符串里的 <!-- --> 是静态的,加载完就固化了,没法"修改",只能删掉重插。 文心快码 文心快码(Comate)是百度推出的一款AI辅助编程工具
相关推荐
一条大祥脚39 分钟前
CuTe 与 CuTe DSL:从 C++ 模板元编程到 Python DSL 的 GPU 编程演进10年前端老司机1 小时前
Milvus 8种检索能力实践Decay__2 小时前
14_MySQL 高可用与容灾架构 —— MGR / InnoDB Cluster / Keepalived+VIP / 双主 / 读写分离 / 两地三中心freejackman2 小时前
【实战三】撕开脱敏盲区:深度解析 CASE WHEN 与窗口函数血缘Sakura_j_h_2 小时前
从零写一个 MCP stdio Server:用 Python 校验博客文章格式大草原的小灰灰2 小时前
LLM应用的标准开发框架LangChain(八)- 中间件卷无止境2 小时前
百万 token 时代的真相:主流大模型上下文窗口与最大输出的横向对比分析用户298698530143 小时前
Python 实战:将 HTML 批量转换为 Markdownhhcgchpspk3 小时前
flask服务端页面预防被爬措施小小张说故事3 小时前
Python 里 copy.copy() 和 deepcopy() 到底差在哪:拆开 __copy__、__deepcopy__ 和那个防止无限递归的 memo 字典