HTML字符实体(Character Entities) HTML特殊字符显示,搭建的bc文件夹显示特殊html字符
有些字符在HTML里有特别的含义,比如小于号Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?
这就要说到HTML字符实体(HTML Character Entities)了。
一个字符实体(CharacterEntity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。
比如,要显示小于号,就可以写用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是lessthan的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
注意:Entity是区分大小写的。这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上符号;
第二列可以用于CSS文件中,但是需要用反斜杠\转义;
第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。
如何显示空格
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用表示空格。
最常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
以上列出的一些实体比较容易记忆,但有一些不容易记住的您可以查看 whatwg 或使用 解码工具 。
HTML 实体是一段以连字符号( &)开头、以分号( )结尾的字符串。用以显示不可见字符及保留字符(如 HTML 标签)
在前端,一般为了避免 XSS 攻击,会将 <> 编码为 < 与 >,这些就是 HTML 实体编码。
在 HTML 转义时,仅仅只需要对六个字符进行编码: &、 <、 >、 " 、 ' 和 `。我们可以使用 he 库进行编码及转义。