2014-09-23 3 views
2

Я в процессе добавления различных физических уравнений на сайт. Есть несколько специальных символов, которые мне нужно добавить, и я не смог найти некоторые из них (например, мне нужно добавить скрученную «E» для обозначения плотности энергии, и мне нужно добавить H с символ «^» сверху, чтобы обозначить оператор Гамильтона).Где я могу найти список всех специальных символов HTML?

Таким образом, мне было интересно, собрал ли кто-нибудь таблицу всех специальных символов HTML (например, ħ для h-bar, что равно h/2PI). Если это так, ссылка будет высоко оценена! Благодаря!

+0

Вы могли бы перефразировать вопрос, как: Как я могу отобразить физические уравнения на сайте? Я пробовал использовать специальные символы HTML для следующих экземпляров, но я не могу найти список всего, что мне нужно. –

+0

Также вы можете попробовать MathJax: http://www.mathjax.org/ –

+0

DuckDuckGo предоставляет довольно обширный список на объектах html: [html entity в DuckDuckGo] (https://duckduckgo.com/?q=html+ лица) – blade19899

ответ

3

С помощью всего лишь немного 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> 

даст вам представление символов,
числовая HTML кодирование&#num; символа Unicode,
UTF-8 проклясть. Код\hex (вы можете использовать в CSS :after или :beforeсодержания: jsBin)

Смежные вопросы