如何在HTML,CSS和JavaScript中使用字符实体

您几乎可以肯定在HTML页面中遇到过实体。 它们通常用于国际字符,数学运算符,形状,箭头和其他符号。 例如:


♠
♣
♥
♦
©
®

这些直接映射到UTF-8字符。 PI(π)的符号可以写为π。 或其UTF-8号π。 您可以在“ HTML字符实体参考”上查找常用符号,以发现其HTML实体代码和UTF-8索引号。

严格来说,如果您将页面作为UTF-8服务,则不必使用这些代码。 HTML和XML文档的默认字符集。 但是,有时您可能不使用UTF-8,相邻字符会引起问题,或者很难在键盘上输入特定的符号。 同样,您可能对CSS和JavaScript文件使用ANSI或其他编码方法。

CSS中的实体

通过伪元素添加内容变得越来越普遍-特别是在使用webfont图标的情况下 。 要添加任何UTF-8字符,您需要找到其数字并将其转换为十六进制。 对于Pi,它是03C0。 可以使用前面的反斜杠将其添加到CSS文件中,例如


#pi:before
{
	content: "\03C0";
}

JavaScript中的实体

与CSS一样,JavaScript要求使用十六进制的UTF-8数字。 但是,在这种情况下,必须使用前面的“ u”将其转义,例如


var pi = "u03C0";

如果字符代码为255或更少,则还可以使用标准的JavaScript 2位十六进制表示法,例如


var copyright = "xA9";

这里的所有都是它的。 简单的解决方案,但我总是忘记了!

From: https://www.sitepoint.com/character-entities-html-css-javascript/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值