大伙儿刚开始学HTML的时候 肯定遇到过这种情况吧——盯着自己写的代码 突然发现有个地方想备注说明 又怕这些文字被浏览器当成代码执行。这时候你就需要掌握「注释」这项技能了 就跟小时候在课本边角写笔记一样 既不影响正文阅读 又能留下重要提示。
▋ 注释到底是啥玩意儿？简单来说就是给代码加批注。比如说你写了个特别复杂的表格布局 过两个月再看可能自己都懵圈 这时候注释就能帮你快速回忆当时的设计思路。浏览器遇到注释内容会自动忽略 完全不会显示在网页上 但用记事本打开源文件就能看到这些隐藏笔记。
这里有个真实案例：去年有个实习生把客户资料直接写在网页注释里 结果被搜索引擎抓取到了 差点造成数据泄露。所以说啊 注释虽然不显示在页面上 但绝对不能当保险箱用 敏感信息可千万别往里塞。
▋ 这玩意儿到底怎么用？标准语法长这样：
注意开头是左尖括号加感叹号和两个减号 结尾是两个减号加右尖括号。刚开始写的时候特别容易漏掉符号 建议新手先复制模板再修改内容。
重点来了！有三个常见坑点必须牢记：1. 不能嵌套使用 也就是说注释里不能再包注释2. 符号必须成对出现 少个减号整个网页都可能崩3. 换行要小心 想写多行注释记得每行都加上头尾符号
前阵子有个学员把JavaScript代码误放在HTML注释里 结果功能死活不生效 检查了三天才发现问题所在。所以切记 注释区域里的任何代码都不会被执行 包括CSS和JS。
▋ 什么时候该用注释？推荐这五个使用场景：– 临时屏蔽代码 调试时把某段代码注释掉 而不是直接删除– 标记待办事项 用TODO标签提醒后续需要完善的部分– 解释复杂逻辑 比如某个循环结构的特殊处理方式– 标注代码作者 团队协作时特别重要– 记录修改历史 像”2023.12.05 修改导航栏样式”
不过要注意别滥用注释 见过最夸张的案例是200行代码配了500行注释 本末倒置了属于是。好的注释应该像路标 关键路口给提示就行 不需要每棵树都挂牌子。
▋ 新手常问的问题Q：注释会影响网页加载速度吗？A：完全不会 浏览器在解析阶段就直接跳过了
Q：怎么快速注释多行代码？A：用编辑器快捷键（比如VS Code按Ctrl+/）比手动输入高效得多
Q：注释内容能被用户看到吗？A：虽然不在页面显示 但右键查看网页源码的人都能看到
最近遇到个有意思的案例 某电商网站把促销倒计时写在注释里 结果被竞争对手爬虫抓取 提前知道了促销计划。所以说注释内容也要注意商业机密保护 别以为看不见就等于安全。
▋ 小编的私房经验刚开始学的时候 我也觉得注释没啥用 直到有次接手别人写的项目——满屏的
套着要不是原作者留了结构注释 我估计得花一周时间理清布局逻辑。现在养成了随手写注释的习惯 特别是这些情况必定会写：涉及数学计算的布局（比如百分比分配）需要跨浏览器兼容的hack代码临时性的样式覆盖第三方插件接入点重要但容易误解的类名最后给个实用建议：定期清理过期注释 上周帮客户改版时发现他们代码里还留着2015年的TODO注释 这种僵尸注释比没注释还误导人。记住 注释要像便签纸 用完就撕 别让代码库变成废旧笔记回收站。
如何在html模板里面写中文而不乱码
模板是不能直接写中文的,要加代码后才不会出现乱码?如:[i] [color=Red]全新安装 Discuz! X (含 UCenter Server)[/color]
请问HTML里面的hidden是什么意思？有什么用？
HTML hidden 属性，（一）定义和用法：
css中怎么隐藏
display:none;