小码哥的IT人生

HTML 符号 详解

HTML基础 2022-06-03 23:44:10小码哥的IT人生shichen

HTML 符号

HTML 符号实体

普通键盘上不存在诸如数学运算符、箭头、技术符号和形状之类的 HTML 符号。

如需将这些符号添加到 HTML 页面,可以使用 HTML 实体名称。

如果不存在实体名称,则可以使用实体编号。

如果字符没有实体名称,那么您可以使用十进制(或十六进制)引用。

如果您使用 HTML 实体名称或十六进制数字,则该字符会始终正确显示。

这与页面使用什么字符集(编码)无关!

示例代码:

<p>I will display &euro;</p>
<p>I will display &#8364;</p>
<p>I will display &#x20AC;</p>

将显示为:

I will display €
I will display €
I will display €

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<p>我会显示 €</p>
<p>我会显示 €</p>
<p>我会显示 €</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

HTML 支持的一些数学符号

字符 实体编号 实体名称 描述
&#8704; &forall; for all
&#8706; &part; part
&#8707; &exist; exists
&#8709; &empty; empty
&#8711; &nabla; nabla
&#8712; &isin; isin
&#8713; &notin; notin
&#8715; &ni; ni
&#8719; &prod; prod
&#8721; &sum; sum

完整的数学参考

HTML 支持的一些希腊字母

字符 实体编号 实体名称 描述
Α &#913; &Alpha; Alpha
Β &#914; &Beta; Beta
Γ &#915; &Gamma; Gamma
Δ &#916; &Delta; Delta
Ε &#917; &Epsilon; Epsilon
Ζ &#918; &Zeta; Zeta

完整的希腊参考

HTML 支持的其他一些实体

字符 实体编号 实体名称 描述
© &#169; &copy; COPYRIGHT SYMBOL
® &#174; &reg; REGISTERED SIGN
&#8364; &euro; EURO SIGN
&#8482; &trade; trademark
&#8592; &larr; LEFTWARDS ARROW
&#8593; &uarr; UPWARDS ARROW
&#8594; &rarr; RIGHTWARDS ARROW
&#8595; &darr; DOWNWARDS ARROW
&#9824; &spades; BLACK SPADE SUIT
&#9827; &clubs; BLACK CLUB SUIT
&#9829; &hearts; BLACK HEART SUIT
&#9830; &diams; BLACK DIAMOND SUIT

完整的货币参考

完整的箭头参考

完整的符号参考

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024