Where Can I Find A List Of All Special Html Characters?
I'm in the process of adding various physics equations to a website. There are several special characters I've needed to add, and I haven't been able to find some of them (for ins
Solution 1:
With just a bit of Javascript you can build your own:
Unicode UTF-8 characters generator
functionel(id) {returndocument.getElementById(id); }
varfrom = 8000; // Start from var show = 1000; // How many to showvar cont = el("container");
var prev = el("prev");
var next = el("next");
var curr = el("curr");
functionprevNext(){
from = this.id === "next" ? from+=show : from-=show;
if(from>=0)createUnicodeChars();
elsefrom=0;
}
functioncreateUnicodeChars() {
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: 02px3pxrgba(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: 0020px#000;
position:fixed;
z-index:1;
top:0;
left:0;
padding:10px;
width:100%;
text-align:center;
}
<divid="controls"><buttonid="prev">PREV</button><bid="curr"></b><buttonid="next">NEXT</button></div><divid="container"></div>
Will give you the Character representation,
the numerical HTML encoding&#num;
of the Unicode character,
the UTF-8 Hex. code\hex
(you can use in CSS :after
or :before
content: jsBin)
Solution 2:
How about this, from the w3 org:
Post a Comment for "Where Can I Find A List Of All Special Html Characters?"