網頁可用的符號

既然發現原來這麼多圖示都只是字, 那麼就來寫個小程式把那些有趣的字都秀出來吧 ! 另外，除了這些圖示之外，還有一個有趣的東西叫 **<font color="#0088ff">Emoji Skin Tones.</font>** , 參考網址 : https://www.w3schools.com/charsets/ref_emoji_skin_tones.asp <pre style="border:1px solid #000"><span>&#</span>127999; 🏿 Dark skin tone <span>&#</span>127998; 🏾 Medium Dark skin tone <span>&#</span>127997; 🏽 Medium skin tone <span>&#</span>127996; 🏼 Medium Light skin tone <span>&#</span>127995; 🏻 Light skin tone </pre> 除了 Emoji Skin Tones 之外, 還有很多特別的組合, 參考網址 : http://www.get-emoji.com/ 參考網址 : https://emojipedia.org/kiss-woman-woman/ 例如 : <span>&#</span>x1F468;<span>&#</span>x200D;<span>&#</span>x1F469;<span>&#</span>x200D;<span>&#</span>x1F467;<span>&#</span>x200D;<span>&#</span>x1F466; 拆開是 : <font size="6m">👨 ‍ 👩 ‍ 👧 ‍ 👦</font> 合起來會出現 <font size="6m">👨‍👩‍👧‍👦</font> <style> .a07241_0 { font-size:3em; } </style> <div id="a07240" style="border:1px solid #000;padding:0.5em"> <span>&#</span>128102;<span style="display:inline-block;width:5em"></span> <span class="a07241_0">👦</span> No skin tone<br> <span>&#</span>128102;<span>&#</span>127999; <span class="a07241_0">👦🏿</span> Dark skin tone<br> <span>&#</span>128102;<span>&#</span>127998; <span class="a07241_0">👦🏾</span> Medium Dark skin tone<br> <span>&#</span>128102;<span>&#</span>127997; <span class="a07241_0">👦🏽</span> Medium skin tone<br> <span>&#</span>128102;<span>&#</span>127996; <span class="a07241_0">👦🏼</span> Medium Light skin tone<br> <span>&#</span>128102;<span>&#</span>127995; <span class="a07241_0">👦🏻</span> Light skin tone<br> </div><br> <style> #a07241_1 button { font-size:1.3em; width:5em; margin:2px; } #a07241_2 { font-size:2em; /* font-family:"Noto Sans TC"; */ } .a07241_3 { display:inline-block; } </style> <div id="a07241_1"> 🤍 🪤 </div><br> <div style="overflow:auto;position:relative;width:100%;height:25em"> <div id="a07241_2"> </div> </div> <script> (function() { let i; let hh=""; let r=[ [8200 ,11200], [12800 ,13350], [65000 ,66000], [66400 ,66550], [73700 ,75100], [77800 ,78900], [92130 ,92750], [119000,119300], [119500,120850], [126950,129700], [0xdde6,0xdde6] ]; for (i in r) { hh+="<button>"+i+"</button> "; } $("#a07241_1").html(hh); function run(b,e) { hh=""; for (i=b;i<e;i++) { // if ((i%50)==0) hh+=" "+i+" "; hh+="<div class='a07241_3'>"; hh+="&#"+i+"; "; hh+="</div>"; } $("#a07241_2").html(hh); } function run1(b,e) { let j; hh=""; for (i=b;i<=0xddff;i++) { for (j=e;j<=0xddff;j++) { let h1=String.fromCharCode(0xd83c,i,0xd83c,j); hh+=h1+" "; } } $("#a07241_2").html(hh); } $("#a07241_1 button").on("click",function() { let n=parseInt($(this).html()); if (n<10) { run(r[n][0],r[n][1]); } else { run1(r[n][0],r[n][1]); } }); run(r[9][0],r[9][1]); })() </script>