H5--预定义字符&实体字符

Myth丶恋晨 2023-10-10 09:55 30阅读 0赞

# 预定义字符&实体字符 #

#### 预定义字符简介： ####

HTML中预定义字符是指：<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。

#### 转义字符串/实体字符/字符实体： ####

上述的预定义符号是不显示在我们最终看到的网页里的，那如果希望在网页中显示这些符号，该怎么办呢？  
这里就涉及到HTML转义字符串（Escape Sequence）也称字符实体(Character Entity)。

#### 转义字符串/实体字符/字符实体缘由： ####

像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文**本中的符号**来使用。  
为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格**遵守字母大小写的规则**。

# 实体字符使用方法 #

##### 编码格式 #####

**实体字符**属于**unicode字符集**，所以文档需要声明编码格式为**UTF-8**；

##### 实体字符目录查阅使用教程 #####

①HTML文档中，需要在编号前面加上“&\#”符号  
②CSS文档中，需要在编号前面加上反斜杠“\\”进行转义  
③JS文档中，需要在编号前面加上“\\u”来进行转义

###### HTML使用规范 ######

第一列编号用于HTML文档中，使用时需要在编号前面加上“&\#”符号，以;结尾。  
比如“向左箭头”符号对应的HTML编号是：“8592”，那么在文档中需要写成“&\#8592”;即 `向左箭头为&#8592`，最终展示结果为：向左箭头为←

###### CSS使用规范 ######

第三列编号用于CSS文档中，需要在编号前面加上**反斜杠“\\”进行转义**  
比如说“√”符号对应的CSS编号是：“2714”，那么在文档中需要写成“\\2714”;

###### JS使用规范 ######

第二列编号用于JavaScript文档中，需要在编号前面**加上“u”来进行转义**，比如说“√”符号，在JavaScript文档中就要写成“\\u2714”

##### 兼容 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlYl9vbmx5Xw_size_16_color_FFFFFF_t_70]  
PS：基于上面几个不足之处，在使用过程需要考虑兼容，不要滥用

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlYl9vbmx5Xw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190924185424740.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlYl9vbmx5Xw==,size_16,color_FFFFFF,t_70