HTML 转义字符

约定不等于承诺〃 2023-10-03 19:20 15阅读 0赞

**诸如 “<” 之类的符号在HTML中拥有特殊的含义，所以在文本中使用它们。**

**为了在 HTML 中显示小于号 (<)，我们需要使用字符实体。**

### 字符实体 ###

一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。

字符实体有三部分：一个和号 (&)，一个实体名称，或者 \# 和一个实体编号，以及一个分号 (;)。

要在 HTML 文档中显示小于号，我们需要这样写：*<* 或者 *&\#60;*

使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏处是，并不是所有的浏览器都支持最新的实体名称，然而几乎所有的浏览器对实体编号的支持都很好。

注意：实体对大小写敏感。

### 空格 ###

空格是 HTML 中最普通的字符实体。

通常情况下，HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格，那么 HTML 会去掉其中的9个。如果使用 &nbsp;，就可以在文档中增加空格。

### 最常用的字符实体 ###

<table> 
 <tbody> 
  <tr> 
   <th>显示结果</th> 
   <th>描述</th> 
   <th>实体名称</th> 
   <th>实体编号</th> 
  </tr> 
  <tr> 
   <td></td> 
   <td>空格</td> 
   <td>&amp;nbsp;</td> 
   <td>&amp;#160;</td> 
  </tr> 
  <tr> 
   <td>&lt;</td> 
   <td>小于号</td> 
   <td>&amp;lt;</td> 
   <td>&amp;#60;</td> 
  </tr> 
  <tr> 
   <td>&gt;</td> 
   <td>大于号</td> 
   <td>&amp;gt;</td> 
   <td>&amp;#62;</td> 
  </tr> 
  <tr> 
   <td>&amp;</td> 
   <td>和号</td> 
   <td>&amp;amp;</td> 
   <td>&amp;#38;</td> 
  </tr> 
  <tr> 
   <td>"</td> 
   <td>引号</td> 
   <td>&amp;quot;</td> 
   <td>&amp;#34;</td> 
  </tr> 
  <tr> 
   <td>'</td> 
   <td>撇号</td> 
   <td>&amp;apos; (IE不支持)</td> 
   <td>&amp;#39;</td> 
  </tr> 
 </tbody> 
</table>

### 其他一些常用的字符实体 ###

<table> 
 <tbody> 
  <tr> 
   <th>显示结果</th> 
   <th>描述</th> 
   <th>实体名称</th> 
   <th>实体编号</th> 
  </tr> 
  <tr> 
   <td>￠</td> 
   <td>分</td> 
   <td>&amp;cent;</td> 
   <td>&amp;#162;</td> 
  </tr> 
  <tr> 
   <td>£</td> 
   <td>镑</td> 
   <td>&amp;pound;</td> 
   <td>&amp;#163;</td> 
  </tr> 
  <tr> 
   <td>¥</td> 
   <td>日圆</td> 
   <td>&amp;yen;</td> 
   <td>&amp;#165;</td> 
  </tr> 
  <tr> 
   <td>§</td> 
   <td>节</td> 
   <td>&amp;sect;</td> 
   <td>&amp;#167;</td> 
  </tr> 
  <tr> 
   <td>©</td> 
   <td>版权</td> 
   <td>&amp;copy;</td> 
   <td>&amp;#169;</td> 
  </tr> 
  <tr> 
   <td>®</td> 
   <td>注册商标</td> 
   <td>&amp;reg;</td> 
   <td>&amp;#174;</td> 
  </tr> 
  <tr> 
   <td>×</td> 
   <td>乘号</td> 
   <td>&amp;times;</td> 
   <td>&amp;#215;</td> 
  </tr> 
  <tr> 
   <td>÷</td> 
   <td>除号</td> 
   <td>&amp;divide;</td> 
   <td>&amp;#247;</td> 
  </tr> 
 </tbody> 
</table>

--------------------

转载自：[HTML 转义字符][HTML]

碎碎念：

> 问：为什么会有这篇文章？

> 答：在画html页面的table表格时，某一行为"<40岁"，如果像对待汉字一样用代码编写：
> 
>     <tr>
>        <th> <40岁 </th>    //错误写法
>     </tr>
> 
> 这样写会报错，所以开始寻求解决方案（初级菜鸟的学习之路），后来发现可以用符号“<”表示“<”，这样就不会报错啦！

[HTML]: http://www.w3chtml.com/html/character.html