HTML 字符实体

🌙
手机阅读
本文目录结构

HTML 字符实体


HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。


HTML 实体

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:

&entity_name;
或

&#entity_number;

如需显示小于号,我们必须这样写:

&lt; 或 &#60; 或 &#060;

渲染效果:< 或 < 或 <

提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。


不间断空格(Non-breaking Space)

HTML 中的常用字符实体是不间断空格( )。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用   字符实体。


结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。

变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。

以下是一些实例:

音标符 字符 Construct 输出结果
  ̀ a a&#768;
  ́ a a&#769;
̂ a a&#770;
  ̃ a a&#771;
  ̀ O O&#768;
  ́ O O&#769;
̂ O O&#770;
  ̃ O O&#771;

HTML字符实体

实体名称对大小写敏感!

<tbody><tr>
  <th style="width:20%">显示结果</th>
  <th style="width:20%">描述</th>
  <th style="width:30%">实体名称</th>
  <th style="width:30%">实体编号</th>
</tr>

<tr>
  <td>&nbsp;</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>撇号&nbsp;</td>
  <td>&amp;apos; (IE不支持)</td>
  <td>&amp;#39;</td>
</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;euro;</td>
  <td>&amp;#8364;</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;trade;</td>
  <td>&amp;#8482;</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>

虽然 html 不区分大小写,但实体字符对大小写敏感。

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了