我在哪里可以找到所有特殊HTML字符的列表?

时间:2014-09-23 01:51:20

标签: html character special-characters

我正在向网站添加各种物理方程式。我需要添加几个特殊字符,我无法找到它们中的一些(例如,我需要添加一个卷曲的“E”来表示能量密度,我需要添加一个H顶部的'^'符号表示哈密顿运算符。)

因此,我想知道是否有人编写了一个包含所有各种HTML特殊字符的表(例如,对于h-bar,它等于h / 2PI)。如果是这样,将非常感谢链接!谢谢!

2 个答案:

答案 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>&amp;#"+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组织来看,这是怎么回事:

http://dev.w3.org/html5/html-author/charref