⬅️ 返回地图
第 20 话

字符实体:神秘符文

当浏览器想把 "<" 吃掉时,我们需要魔法!

1. 为什么需要它?

浏览器看到 < 就会以为那是标签的开始。如果你只是想在网页上写一个 "小于号",浏览器会困惑:"这是啥咒语?不认识,忽略!"

🧙‍♂️
代码法师: "听着,学徒!直接写 <h1> 是会被浏览器误解的。要显示这个符号,你必须使用古老的实体名称 (Entity Name)!它们通常以 & 开头,以 ; 结尾。"
2. 常用符文表
<
小于号
&lt;
>
大于号
&gt;
&
和号
&amp;
"
双引号
&quot;
©
版权
&copy;
空格
&nbsp;
3. 那个隐形的空格

你在 HTML 里敲 10 个空格,浏览器只会显示 1 个。这就是空白折叠魔法

如果你真的需要很多空格(虽然法师通常不建议这么做布局),你需要用 &nbsp; (Non-Breaking Space,不换行空格)。

我&nbsp;&nbsp;&nbsp;要&nbsp;&nbsp;&nbsp;空&nbsp;&nbsp;&nbsp;格
效果:我   要   空   格
4. 表情包也是符文!

现代浏览器支持 Emoji 符文。虽然它们看起来像图片,但它们其实是文字!

😀 😎 🚀 🐱 🍔

你可以像处理文字一样放大它们:font-size: 100px;