HTML插入空格 HTML多个空格 HTML实体

淩亂°似流年 2023-05-21 05:57 7阅读 0赞

# 解决HTML多个空格会被解析为一个空格的问题 #

读者可能不知道HTML里面有个概念叫做 HTML实体  
这里就对其进行粗略地讲解一下

**HTML实体**

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

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

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

字符实体都是以 “**&**” 开头，以 “**;**” 结尾。

如需显示小于号，我们必须这样写：&lt; 或 &\#60;

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

**下面列举一些常用的实体**

<table> 
 <tbody> 
 <tr> 
 <th>显示结果</th> 
 <th>描述</th> 
 <th>实体名称</th> 
 <th>实体编号</th> 
 <th>描述</th> 
 </tr> 
 <tr> 
 <td></td> 
 <td>空格</td> 
 <td>&amp;nbsp;</td> 
 <td>&amp;#160;</td> 
 <td>non-breaking space</td> 
 </tr> 
 <tr> 
 <td>&lt;</td> 
 <td>小于号</td> 
 <td>&amp;lt;</td> 
 <td>&amp;#60;</td> 
 <td>less-than</td> 
 </tr> 
 <tr> 
 <td>&gt;</td> 
 <td>大于号</td> 
 <td>&amp;gt;</td> 
 <td>&amp;#62;</td> 
 <td>great-than</td> 
 </tr> 
 <tr> 
 <td>&amp;</td> 
 <td>和号</td> 
 <td>&amp;amp;</td> 
 <td>&amp;#38;</td> 
 <td>ampersand</td> 
 </tr> 
 <tr> 
 <td>"</td> 
 <td>引号</td> 
 <td>&amp;quot;</td> 
 <td>&amp;#34;</td> 
 <td>quotation mark</td> 
 </tr> 
 <tr> 
 <td>'</td> 
 <td>撇号</td> 
 <td>&amp;apos;</td> 
 <td>&amp;#39;</td> 
 <td>apostrophe</td> 
 </tr> 
 <tr> 
 <td>￠</td> 
 <td>分</td> 
 <td>&amp;cent;</td> 
 <td>&amp;#162;</td> 
 <td>cent</td> 
 </tr> 
 <tr> 
 <td>￡</td> 
 <td>镑</td> 
 <td>&amp;pound;</td> 
 <td>&amp;#163;</td> 
 <td>pound</td> 
 </tr> 
 <tr> 
 <td>¥</td> 
 <td>元</td> 
 <td>&amp;yen;</td> 
 <td>&amp;#165;</td> 
 <td>yen</td> 
 </tr> 
 <tr> 
 <td>×</td> 
 <td>乘号</td> 
 <td>&amp;times;</td> 
 <td>&amp;#215;</td> 
 <td>multiplication</td> 
 </tr> 
 <tr> 
 <td>÷</td> 
 <td>除号</td> 
 <td>&amp;divide;</td> 
 <td>&amp;#247;</td> 
 <td>division</td> 
 </tr> 
 </tbody> 
</table>

**更多内容请移步：**

**百度（HTML实体）：**[https://baike.baidu.com/item/HTML实体/9172201?fr=aladdin][https_baike.baidu.com_item_HTML_9172201_fr_aladdin]  
**W3school（HTML字符实体）：**[https://www.w3school.com.cn/html/html\_entities.asp][https_www.w3school.com.cn_html_html_entities.asp]

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

**欢迎转载！如转载请附上本文地址**

若您在上文发现了错误，请在评论区处反馈，谢谢！

[https_baike.baidu.com_item_HTML_9172201_fr_aladdin]: https://baike.baidu.com/item/HTML实体/9172201?fr=aladdin
[https_www.w3school.com.cn_html_html_entities.asp]: https://www.w3school.com.cn/html/html_entities.asp