我正在向网站添加各种物理方程式。我需要添加几个特殊字符,我无法找到它们中的一些(例如,我需要添加一个卷曲的“E”来表示能量密度,我需要添加一个H顶部的'^'符号表示哈密顿运算符。)
因此,我想知道是否有人编写了一个包含所有各种HTML特殊字符的表(例如,对于h-bar,它等于h / 2PI)。如果是这样,将非常感谢链接!谢谢!
答案 0 :(得分:4)
只需一点 Javascript ,您就可以构建自己的:
Unicode UTF-8 characters generator
function el(id) {return document.getElementById(id); }
var from = 8000; // Start from
var show = 1000; // How many to show
var cont = el("container");
var prev = el("prev");
var next = el("next");
var curr = el("curr");
function prevNext(){
from = this.id === "next" ? from+=show : from-=show;
if(from>=0)createUnicodeChars();
else from=0;
}
function createUnicodeChars() {
var spans = "";
for(var i=from; i<from+show; i++){
var uc = i.toString(16);
spans += "<span>&#"+i+";<br><small>&#"+i+";<br>\\"+uc+"</small></span>";
}
curr.innerHTML = from +' - '+ (from+show);
cont.innerHTML = spans;
}
prev.onclick = prevNext;
next.onclick = prevNext;
createUnicodeChars(); // First run!
body{background:#eee;}
span{
position:relative;
display:inline-block;
width: 80px;
padding:10px;
height:80px;
margin:3px;
font-size:2em;
text-align:center;
vertical-align:top;
background:#fff;
border:1px solid #aaa;
border-radius:5px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
span small{
position:absolute;
width:80%;
bottom:5px;
text-align:ccenter;
display:block;
font-size:12px;
line-height:14px;
}
#container{
margin-top:50px;
text-align:center;
}
#controls{
background:#fff;
box-shadow: 0 0 20px #000;
position:fixed;
z-index:1;
top:0;
left:0;
padding:10px;
width:100%;
text-align:center;
}
<div id="controls">
<button id="prev">PREV</button>
<b id="curr"></b>
<button id="next">NEXT</button>
</div>
<div id="container"></div>
会给你字符表示,
Unicode字符的数字HTML编码 &#num;
,
UTF-8十六进制。代码 \hex
(您可以在CSS :after
或:before
内容中使用:jsBin)
答案 1 :(得分:0)
从w3组织来看,这是怎么回事: