平时上网，你有没有注意过网址里那些奇怪的符号？比如 https://example.com/path?name=张三&id=123#section1 里的 ?、&、=、#？或者写 CSS 时，.header 和 #nav 前面那个点和井号到底啥意思？这些都不是乱加的——它们是网络世界里的「符号标识类型」，各自有明确身份和分工。
URL 里的符号：地址的分段身份证
:（冒号）和 //（双斜杠）是协议分隔符。比如 https:// 中的 : 表示协议名结束，// 表示主机地址开始。没它，浏览器就不知道该用什么方式去连服务器。
/（正斜杠）是路径分隔符。像 /blog/2024/post.html，每一级目录、每个文件名都靠它隔开。Windows 习惯用反斜杠 \，但网页统一认正斜杠。
?（问号）是查询参数的起点。它后面跟的全是「给服务器传的话」，比如 ?q=AI&page=2。浏览器会把这部分原样发给后端，不参与路径定位。
&（& 符号）是参数之间的“逗号”。多个键值对不能堆一起，得用它隔开：name=老王&city=杭州&age=35。注意：在 HTML 属性里写 URL 时，& 必须写成 &，否则解析会出错。
=（等号）是键与值的“冒号”。左边是参数名（key），右边是参数值（value）。别手滑写成 == 或 ：，那服务器就收不到你要的东西了。
#（井号）是锚点标记，只在浏览器本地生效。比如点开 page.html#contact，页面直接滚到 id="contact" 的元素处，整个过程不发请求，服务器完全不知情。
HTML/CSS 里的符号：样式与结构的路标
< 和 > 是标签的“括号”。没有它们，div 就只是个单词，加上之后 <div> 才是真正的 HTML 元素。自闭合标签如 <img /> 也得守这个规矩。
.（英文句点）是 CSS 类选择器的前缀。写 .btn，就表示选中所有 class="btn" 的元素。别漏掉这个点，写成 btn 就变成选标签名为 btn 的元素了——而 HTML 根本没有 btn 这个标签。
#（井号）在 CSS 里是 ID 选择器。写 #main-nav，就锁定唯一一个 id="main-nav" 的元素。ID 全局唯一，所以一个页面别重复用。
[]（方括号）是属性选择器的外壳。比如 a[rel="nofollow"] 能精准抓取带 rel="nofollow" 的链接，比单纯靠 class 更灵活。
配置文件和脚本里的常见符号
{}（大括号）在 JSON、JS 对象、CSS 规则块里都是「包裹内容」的标配。少一个 { 或多一个 }，轻则样式失效，重则整个脚本报错停摆。
"（英文双引号）是字符串边界。JSON 强制要求 key 和字符串值必须用双引号，单引号或中文引号直接报错：
{"name": "小李", "active": true}{'name': '小李'} 在 JSON 里就是错的。;（分号）在 JS 里是语句结束符。虽然现在很多情况可省略，但遇上 return 换行，漏掉分号可能让返回值变成 undefined——这种坑，真踩过才记得牢。
这些符号不是程序员随便画的装饰，而是网络协议、语言规范、解析器规则共同约定的“暗号”。看清它们，就像拿到一张解码地图：下次看到一串带符号的文本，不用百度，心里就能划出哪段是协议、哪段是参数、哪段是样式钩子。