HomeRecipesSnippets


HTML Character Entities

Text

Category: HTML
Date: Jan. 28, 2025, 11:32 p.m. PST

<style type="text/css"> .wrapper { font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 1rem; font-size: 75%; } .wrapper section { display: flex; flex-wrap: wrap; gap: 4px; } .wrapper section > div { border: 1px solid #aaa; padding: 2px; width: 5em; text-align: center; background-color: #fff; } .wrapper .k { background-color: #fcc; } .wrapper .a { background-color: #ccf; } .wrapper .m { background-color: #cfc; } .wrapper .l { background-color: #ffc; } .wrapper .g { background-color: #cff; } .wrapper .i { background-color: #fcf; } .wrapper .all { background: #fff; } .wrapper .html { font-weight: bold; font-size: 1.8rem; font-family:"Times New Roman", Times, serif; } .wrapper .hr, .nr, .un { color: #555; padding: 0; margin: 0; } .wrapper ul { padding: 0; display: flex; gap: 4px; } .wrapper li { display: flex; flex-direction: column; justify-content: center; min-width: 4rem; min-height: 2em; padding: 4px; border: 1px solid #aaa; text-align: center; list-style: none; cursor: pointer; border-radius: 8px; } .wrapper li input { width: 8em; } .wrapper .controls li { background: #eee; } </style>

<div class="wrapper"> <ul> <li class="k" onclick="showByType('k')">Markup Significant</li> <li class="a" onclick="showByType('a')">Shapes &amp; Arrows</li> <li class="m" onclick="showByType('m')">Mathematical Operators</li> <li class="l" onclick="showByType('l')">Latin Characters</li> <li class="g" onclick="showByType('g')">Symbols &amp; Greek Letters</li> <li class="i" onclick="showByType('i')">International Characters</li> </ul> <ul class="controls"> <li class="all" onclick="showByType('all')">Show All</li> <li id="font"> <label>Change Font: </label> <select id="selFont" onchange="changeFont()"> <option value="Arial" selected="selected">Arial</option> <option value="Arial Black">Arial Black</option> <option value="Courier New">Courier New</option> <option value="monospace">monospace</option> <option value="Georgia">Georgia</option> <option value="Impact">Impact</option> <option value="Times New Roman">Times New Roman</option> <option value="Trebuchet MS">Trebuchet MS</option> <option value="Verdana">Verdana</option> <option value="Fantasy">Fantasy</option> </select> </li> <li> <label>Filter:</label> <input type="search" id="filter" onkeyup="filter();"/> </li> </ul> <section> <div class="k" title="quotation mark = APL quote"><div class="html">&quot;</div><div class="hr">&amp;quot;</div><div class="nr">&amp;#34;</div><div class="un">\0022</div></div> <div class="k" title="ampersand"><div class="html">&amp;</div><div class="hr">&amp;amp;</div><div class="nr">&amp;#38;</div><div class="un">\0026</div></div> <div class="k" title="less-than sign"><div class="html">&lt;</div><div class="hr">&amp;lt;</div><div class="nr">&amp;#60;</div><div class="un">\003C</div></div> <div class="k" title="greater-than sign"><div class="html">&gt;</div><div class="hr">&amp;gt;</div><div class="nr">&amp;#62;</div><div class="un">\003E</div></div> <div class="k" title="en space"><div class="html">&ensp;</div><div class="hr">&amp;ensp;</div><div class="nr">&amp;#8194;</div><div class="un">\2002</div></div> <div class="k" title="em space"><div class="html">&emsp;</div><div class="hr">&amp;emsp;</div><div class="nr">&amp;#8195;</div><div class="un">\2003</div></div> <div class="k" title="thin space"><div class="html">&thinsp;</div><div class="hr">&amp;thinsp;</div><div class="nr">&amp;#8201;</div><div class="un">\2009</div></div> <div class="k" title="zero width non-joiner"><div class="html">&zwnj;</div><div class="hr">&amp;zwnj;</div><div class="nr">&amp;#8204;</div><div class="un">\200C</div></div> <div class="k" title="zero width joiner"><div class="html">&zwj;</div><div class="hr">&amp;zwj;</div><div class="nr">&amp;#8205;</div><div class="un">\200D</div></div> <div class="k" title="left-to-right mark"><div class="html">&lrm;</div><div class="hr">&amp;lrm;</div><div class="nr">&amp;#8206;</div><div class="un">\200E</div></div> <div class="k" title="right-to-left mark"><div class="html">&rlm;</div><div class="hr">&amp;rlm;</div><div class="nr">&amp;#8207;</div><div class="un">\200F</div></div> <div class="k" title="en dash"><div class="html">&ndash;</div><div class="hr">&amp;ndash;</div><div class="nr">&amp;#8211;</div><div class="un">\2013</div></div> <div class="k" title="em dash"><div class="html">&mdash;</div><div class="hr">&amp;mdash;</div><div class="nr">&amp;#8212;</div><div class="un">\2014</div></div> <div class="k" title="left single quotation mark"><div class="html">&lsquo;</div><div class="hr">&amp;lsquo;</div><div class="nr">&amp;#8216;</div><div class="un">\2018</div></div> <div class="k" title="right single quotation mark"><div class="html">&rsquo;</div><div class="hr">&amp;rsquo;</div><div class="nr">&amp;#8217;</div><div class="un">\2019</div></div> <div class="k" title="single low-9 quotation mark"><div class="html">&sbquo;</div><div class="hr">&amp;sbquo;</div><div class="nr">&amp;#8218;</div><div class="un">\201A</div></div> <div class="k" title="left double quotation mark"><div class="html">&ldquo;</div><div class="hr">&amp;ldquo;</div><div class="nr">&amp;#8220;</div><div class="un">\201C</div></div> <div class="k" title="right double quotation mark"><div class="html">&rdquo;</div><div class="hr">&amp;rdquo;</div><div class="nr">&amp;#8221;</div><div class="un">\201D</div></div> <div class="k" title="double low-9 quotation mark"><div class="html">&bdquo;</div><div class="hr">&amp;bdquo;</div><div class="nr">&amp;#8222;</div><div class="un">\201E</div></div> <div class="k" title="dagger"><div class="html">&dagger;</div><div class="hr">&amp;dagger;</div><div class="nr">&amp;#8224;</div><div class="un">\2020</div></div> <div class="k" title="double dagger"><div class="html">&Dagger;</div><div class="hr">&amp;Dagger;</div><div class="nr">&amp;#8225;</div><div class="un">\2021</div></div> <div class="k" title="per mille sign"><div class="html">&permil;</div><div class="hr">&amp;permil;</div><div class="nr">&amp;#8240;</div><div class="un">\2030</div></div> <div class="k" title="single left-pointing angle quotation mark"><div class="html">&lsaquo;</div><div class="hr">&amp;lsaquo;</div><div class="nr">&amp;#8249;</div><div class="un">\2039</div></div> <div class="k" title="single right-pointing angle quotation mark"><div class="html">&rsaquo;</div><div class="hr">&amp;rsaquo;</div><div class="nr">&amp;#8250;</div><div class="un">\203A</div></div> <div class="a" title="leftwards arrow"><div class="html">&larr;</div><div class="hr">&amp;larr;</div><div class="nr">&amp;#8592;</div><div class="un">\2190</div></div> <div class="a" title="upwards arrow"><div class="html">&uarr;</div><div class="hr">&amp;uarr;</div><div class="nr">&amp;#8593;</div><div class="un">\2191</div></div> <div class="a" title="rightwards arrow"><div class="html">&rarr;</div><div class="hr">&amp;rarr;</div><div class="nr">&amp;#8594;</div><div class="un">\2192</div></div> <div class="a" title="downwards arrow"><div class="html">&darr;</div><div class="hr">&amp;darr;</div><div class="nr">&amp;#8595;</div><div class="un">\2193</div></div> <div class="a" title="left right arrow"><div class="html">&harr;</div><div class="hr">&amp;harr;</div><div class="nr">&amp;#8596;</div><div class="un">\2194</div></div> <div class="a" title="downwards arrow with corner leftwards = carriage return"><div class="html">&crarr;</div><div class="hr">&amp;crarr;</div><div class="nr">&amp;#8629;</div><div class="un">\21B5</div></div> <div class="a" title="leftwards double arrow"><div class="html">&lArr;</div><div class="hr">&amp;lArr;</div><div class="nr">&amp;#8656;</div><div class="un">\21D0</div></div> <div class="a" title="upwards double arrow"><div class="html">&uArr;</div><div class="hr">&amp;uArr;</div><div class="nr">&amp;#8657;</div><div class="un">\21D1</div></div> <div class="a" title="rightwards double arrow"><div class="html">&rArr;</div><div class="hr">&amp;rArr;</div><div class="nr">&amp;#8658;</div><div class="un">\21D2</div></div> <div class="a" title="downwards double arrow"><div class="html">&dArr;</div><div class="hr">&amp;dArr;</div><div class="nr">&amp;#8659;</div><div class="un">\21D3</div></div> <div class="a" title="left right double arrow"><div class="html">&hArr;</div><div class="hr">&amp;hArr;</div><div class="nr">&amp;#8660;</div><div class="un">\21D4</div></div> <div class="a" title="lozenge"><div class="html">&loz;</div><div class="hr">&amp;loz;</div><div class="nr">&amp;#9674;</div><div class="un">\25CA</div></div> <div class="a" title="black spade suit"><div class="html">&spades;</div><div class="hr">&amp;spades;</div><div class="nr">&amp;#9824;</div><div class="un">\2660</div></div> <div class="a" title="black club suit = shamrock"><div class="html">&clubs;</div><div class="hr">&amp;clubs;</div><div class="nr">&amp;#9827;</div><div class="un">\2663</div></div> <div class="a" title="black heart suit = valentine"><div class="html">&hearts;</div><div class="hr">&amp;hearts;</div><div class="nr">&amp;#9829;</div><div class="un">\2665</div></div> <div class="a" title="black diamond suit"><div class="html">&diams;</div><div class="hr">&amp;diams;</div><div class="nr">&amp;#9830;</div><div class="un">\2666</div></div> <div class="m" title="for all"><div class="html">&forall;</div><div class="hr">&amp;forall;</div><div class="nr">&amp;#8704;</div><div class="un">\2200</div></div> <div class="m" title="partial differential"><div class="html">&part;</div><div class="hr">&amp;part;</div><div class="nr">&amp;#8706;</div><div class="un">\2202</div></div> <div class="m" title="there exists"><div class="html">&exist;</div><div class="hr">&amp;exist;</div><div class="nr">&amp;#8707;</div><div class="un">\2203</div></div> <div class="m" title="empty set = null set = diameter"><div class="html">&empty;</div><div class="hr">&amp;empty;</div><div class="nr">&amp;#8709;</div><div class="un">\2205</div></div> <div class="m" title="nabla = backward difference"><div class="html">&nabla;</div><div class="hr">&amp;nabla;</div><div class="nr">&amp;#8711;</div><div class="un">\2207</div></div> <div class="m" title="element of"><div class="html">&isin;</div><div class="hr">&amp;isin;</div><div class="nr">&amp;#8712;</div><div class="un">\2208</div></div> <div class="m" title="not an element of"><div class="html">&notin;</div><div class="hr">&amp;notin;</div><div class="nr">&amp;#8713;</div><div class="un">\2209</div></div> <div class="m" title="contains as member"><div class="html">&ni;</div><div class="hr">&amp;ni;</div><div class="nr">&amp;#8715;</div><div class="un">\220B</div></div> <div class="m" title="n-ary product = product sign"><div class="html">&prod;</div><div class="hr">&amp;prod;</div><div class="nr">&amp;#8719;</div><div class="un">\220F</div></div> <div class="m" title="n-ary sumation"><div class="html">&sum;</div><div class="hr">&amp;sum;</div><div class="nr">&amp;#8721;</div><div class="un">\2211</div></div> <div class="m" title="minus sign"><div class="html">&minus;</div><div class="hr">&amp;minus;</div><div class="nr">&amp;#8722;</div><div class="un">\2212</div></div> <div class="m" title="asterisk operator"><div class="html">&lowast;</div><div class="hr">&amp;lowast;</div><div class="nr">&amp;#8727;</div><div class="un">\2217</div></div> <div class="m" title="square root = radical sign"><div class="html">&radic;</div><div class="hr">&amp;radic;</div><div class="nr">&amp;#8730;</div><div class="un">\221A</div></div> <div class="m" title="proportional to"><div class="html">&prop;</div><div class="hr">&amp;prop;</div><div class="nr">&amp;#8733;</div><div class="un">\221D</div></div> <div class="m" title="infinity"><div class="html">&infin;</div><div class="hr">&amp;infin;</div><div class="nr">&amp;#8734;</div><div class="un">\221E</div></div> <div class="m" title="angle"><div class="html">&ang;</div><div class="hr">&amp;ang;</div><div class="nr">&amp;#8736;</div><div class="un">\2220</div></div> <div class="m" title="logical and = wedge"><div class="html">&and;</div><div class="hr">&amp;and;</div><div class="nr">&amp;#8743;</div><div class="un">\2227</div></div> <div class="m" title="logical or = vee"><div class="html">&or;</div><div class="hr">&amp;or;</div><div class="nr">&amp;#8744;</div><div class="un">\2228</div></div> <div class="m" title="intersection = cap"><div class="html">&cap;</div><div class="hr">&amp;cap;</div><div class="nr">&amp;#8745;</div><div class="un">\2229</div></div> <div class="m" title="union = cup"><div class="html">&cup;</div><div class="hr">&amp;cup;</div><div class="nr">&amp;#8746;</div><div class="un">\222A</div></div> <div class="m" title="integral"><div class="html">&int;</div><div class="hr">&amp;int;</div><div class="nr">&amp;#8747;</div><div class="un">\222B</div></div> <div class="m" title="therefore"><div class="html">&there4;</div><div class="hr">&amp;there4;</div><div class="nr">&amp;#8756;</div><div class="un">\2234</div></div> <div class="m" title="tilde operator = varies with = similar to"><div class="html">&sim;</div><div class="hr">&amp;sim;</div><div class="nr">&amp;#8764;</div><div class="un">\223C</div></div> <div class="m" title="approximately equal to"><div class="html">&cong;</div><div class="hr">&amp;cong;</div><div class="nr">&amp;#8773;</div><div class="un">\2245</div></div> <div class="m" title="almost equal to = asymptotic to"><div class="html">&asymp;</div><div class="hr">&amp;asymp;</div><div class="nr">&amp;#8776;</div><div class="un">\2248</div></div> <div class="m" title="not equal to"><div class="html">&ne;</div><div class="hr">&amp;ne;</div><div class="nr">&amp;#8800;</div><div class="un">\2260</div></div> <div class="m" title="identical to"><div class="html">&equiv;</div><div class="hr">&amp;equiv;</div><div class="nr">&amp;#8801;</div><div class="un">\2261</div></div> <div class="m" title="less-than or equal to"><div class="html">&le;</div><div class="hr">&amp;le;</div><div class="nr">&amp;#8804;</div><div class="un">\2264</div></div> <div class="m" title="greater-than or equal to"><div class="html">&ge;</div><div class="hr">&amp;ge;</div><div class="nr">&amp;#8805;</div><div class="un">\2265</div></div> <div class="m" title="subset of"><div class="html">&sub;</div><div class="hr">&amp;sub;</div><div class="nr">&amp;#8834;</div><div class="un">\2282</div></div> <div class="m" title="superset of"><div class="html">&sup;</div><div class="hr">&amp;sup;</div><div class="nr">&amp;#8835;</div><div class="un">\2283</div></div> <div class="m" title="not a subset of"><div class="html">&nsub;</div><div class="hr">&amp;nsub;</div><div class="nr">&amp;#8836;</div><div class="un">\2284</div></div> <div class="m" title="subset of or equal to"><div class="html">&sube;</div><div class="hr">&amp;sube;</div><div class="nr">&amp;#8838;</div><div class="un">\2286</div></div> <div class="m" title="superset of or equal to"><div class="html">&supe;</div><div class="hr">&amp;supe;</div><div class="nr">&amp;#8839;</div><div class="un">\2287</div></div> <div class="m" title="circled plus = direct sum"><div class="html">&oplus;</div><div class="hr">&amp;oplus;</div><div class="nr">&amp;#8853;</div><div class="un">\2295</div></div> <div class="m" title="circled times = vector product"><div class="html">&otimes;</div><div class="hr">&amp;otimes;</div><div class="nr">&amp;#8855;</div><div class="un">\2297</div></div> <div class="m" title="up tack = orthogonal to = perpendicular"><div class="html">&perp;</div><div class="hr">&amp;perp;</div><div class="nr">&amp;#8869;</div><div class="un">\22A5</div></div> <div class="m" title="dot operator"><div class="html">&sdot;</div><div class="hr">&amp;sdot;</div><div class="nr">&amp;#8901;</div><div class="un">\22C5</div></div> <div class="l" title="no-break space = non-breaking space"><div class="html">&nbsp;</div><div class="hr">&amp;nbsp;</div><div class="nr">&amp;#160;</div><div class="un">\00A0</div></div> <div class="l" title="inverted exclamation mark"><div class="html">&iexcl;</div><div class="hr">&amp;iexcl;</div><div class="nr">&amp;#161;</div><div class="un">\00A1</div></div> <div class="l" title="cent sign"><div class="html">&cent;</div><div class="hr">&amp;cent;</div><div class="nr">&amp;#162;</div><div class="un">\00A2</div></div> <div class="l" title="pound sign"><div class="html">&pound;</div><div class="hr">&amp;pound;</div><div class="nr">&amp;#163;</div><div class="un">\00A3</div></div> <div class="l" title="currency sign"><div class="html">&curren;</div><div class="hr">&amp;curren;</div><div class="nr">&amp;#164;</div><div class="un">\00A4</div></div> <div class="l" title="yen sign = yuan sign"><div class="html">&yen;</div><div class="hr">&amp;yen;</div><div class="nr">&amp;#165;</div><div class="un">\00A5</div></div> <div class="l" title="broken bar = broken vertical bar"><div class="html">&brvbar;</div><div class="hr">&amp;brvbar;</div><div class="nr">&amp;#166;</div><div class="un">\00A6</div></div> <div class="l" title="section sign"><div class="html">&sect;</div><div class="hr">&amp;sect;</div><div class="nr">&amp;#167;</div><div class="un">\00A7</div></div> <div class="l" title="diaeresis = spacing diaeresis"><div class="html">&uml;</div><div class="hr">&amp;uml;</div><div class="nr">&amp;#168;</div><div class="un">\00A8</div></div> <div class="l" title="copyright sign"><div class="html">&copy;</div><div class="hr">&amp;copy;</div><div class="nr">&amp;#169;</div><div class="un">\00A9</div></div> <div class="l" title="feminine ordinal indicator"><div class="html">&ordf;</div><div class="hr">&amp;ordf;</div><div class="nr">&amp;#170;</div><div class="un">\00AA</div></div> <div class="l" title="left-pointing double angle quotation mark = left pointing guillemet"><div class="html">&laquo;</div><div class="hr">&amp;laquo;</div><div class="nr">&amp;#171;</div><div class="un">\00AB</div></div> <div class="l" title="not sign"><div class="html">&not;</div><div class="hr">&amp;not;</div><div class="nr">&amp;#172;</div><div class="un">\00AC</div></div> <div class="l" title="soft hyphen = discretionary hyphen"><div class="html">&nbsp;&shy;</div><div class="hr">&amp;shy;</div><div class="nr">&amp;#173;</div><div class="un">\00AD</div></div> <div class="l" title="registered sign = registered trade mark sign"><div class="html">&reg;</div><div class="hr">&amp;reg;</div><div class="nr">&amp;#174;</div><div class="un">\00AE</div></div> <div class="l" title="macron = spacing macron = overline = APL overbar"><div class="html">&macr;</div><div class="hr">&amp;macr;</div><div class="nr">&amp;#175;</div><div class="un">\00AF</div></div> <div class="l" title="degree sign"><div class="html">&deg;</div><div class="hr">&amp;deg;</div><div class="nr">&amp;#176;</div><div class="un">\00B0</div></div> <div class="l" title="plus-minus sign = plus-or-minus sign"><div class="html">&plusmn;</div><div class="hr">&amp;plusmn;</div><div class="nr">&amp;#177;</div><div class="un">\00B1</div></div> <div class="l" title="superscript two = superscript digit two = squared"><div class="html">&sup2;</div><div class="hr">&amp;sup2;</div><div class="nr">&amp;#178;</div><div class="un">\00B2</div></div> <div class="l" title="superscript three = superscript digit three = cubed"><div class="html">&sup3;</div><div class="hr">&amp;sup3;</div><div class="nr">&amp;#179;</div><div class="un">\00B3</div></div> <div class="l" title="acute accent = spacing acute"><div class="html">&acute;</div><div class="hr">&amp;acute;</div><div class="nr">&amp;#180;</div><div class="un">\00B4</div></div> <div class="l" title="micro sign"><div class="html">&micro;</div><div class="hr">&amp;micro;</div><div class="nr">&amp;#181;</div><div class="un">\00B5</div></div> <div class="l" title="pilcrow sign = paragraph sign"><div class="html">&para;</div><div class="hr">&amp;para;</div><div class="nr">&amp;#182;</div><div class="un">\00B6</div></div> <div class="l" title="middle dot = Georgian comma = Greek middle dot"><div class="html">&middot;</div><div class="hr">&amp;middot;</div><div class="nr">&amp;#183;</div><div class="un">\00B7</div></div> <div class="l" title="cedilla = spacing cedilla"><div class="html">&cedil;</div><div class="hr">&amp;cedil;</div><div class="nr">&amp;#184;</div><div class="un">\00B8</div></div> <div class="l" title="superscript one = superscript digit one"><div class="html">&sup1;</div><div class="hr">&amp;sup1;</div><div class="nr">&amp;#185;</div><div class="un">\00B9</div></div> <div class="l" title="masculine ordinal indicator"><div class="html">&ordm;</div><div class="hr">&amp;ordm;</div><div class="nr">&amp;#186;</div><div class="un">\00BA</div></div> <div class="l" title="right-pointing double angle quotation mark = right pointing guillemet"><div class="html">&raquo;</div><div class="hr">&amp;raquo;</div><div class="nr">&amp;#187;</div><div class="un">\00BB</div></div> <div class="l" title="vulgar fraction one quarter = fraction one quarter"><div class="html">&frac14;</div><div class="hr">&amp;frac14;</div><div class="nr">&amp;#188;</div><div class="un">\00BC</div></div> <div class="l" title="vulgar fraction one half = fraction one half"><div class="html">&frac12;</div><div class="hr">&amp;frac12;</div><div class="nr">&amp;#189;</div><div class="un">\00BD</div></div> <div class="l" title="vulgar fraction three quarters = fraction three quarters"><div class="html">&frac34;</div><div class="hr">&amp;frac34;</div><div class="nr">&amp;#190;</div><div class="un">\00BE</div></div> <div class="l" title="inverted question mark = turned question mark"><div class="html">&iquest;</div><div class="hr">&amp;iquest;</div><div class="nr">&amp;#191;</div><div class="un">\00BF</div></div> <div class="l" title="latin capital letter A with grave = latin capital letter A grave"><div class="html">&Agrave;</div><div class="hr">&amp;Agrave;</div><div class="nr">&amp;#192;</div><div class="un">\00C0</div></div> <div class="l" title="latin capital letter A with acute"><div class="html">&Aacute;</div><div class="hr">&amp;Aacute;</div><div class="nr">&amp;#193;</div><div class="un">\00C1</div></div> <div class="l" title="latin capital letter A with circumflex"><div class="html">&Acirc;</div><div class="hr">&amp;Acirc;</div><div class="nr">&amp;#194;</div><div class="un">\00C2</div></div> <div class="l" title="latin capital letter A with tilde"><div class="html">&Atilde;</div><div class="hr">&amp;Atilde;</div><div class="nr">&amp;#195;</div><div class="un">\00C3</div></div> <div class="l" title="latin capital letter A with diaeresis"><div class="html">&Auml;</div><div class="hr">&amp;Auml;</div><div class="nr">&amp;#196;</div><div class="un">\00C4</div></div> <div class="l" title="latin capital letter A with ring above = latin capital letter A ring"><div class="html">&Aring;</div><div class="hr">&amp;Aring;</div><div class="nr">&amp;#197;</div><div class="un">\00C5</div></div> <div class="l" title="latin capital letter AE = latin capital ligature AE"><div class="html">&AElig;</div><div class="hr">&amp;AElig;</div><div class="nr">&amp;#198;</div><div class="un">\00C6</div></div> <div class="l" title="latin capital letter C with cedilla"><div class="html">&Ccedil;</div><div class="hr">&amp;Ccedil;</div><div class="nr">&amp;#199;</div><div class="un">\00C7</div></div> <div class="l" title="latin capital letter E with grave"><div class="html">&Egrave;</div><div class="hr">&amp;Egrave;</div><div class="nr">&amp;#200;</div><div class="un">\00C8</div></div> <div class="l" title="latin capital letter E with acute"><div class="html">&Eacute;</div><div class="hr">&amp;Eacute;</div><div class="nr">&amp;#201;</div><div class="un">\00C9</div></div> <div class="l" title="latin capital letter E with circumflex"><div class="html">&Ecirc;</div><div class="hr">&amp;Ecirc;</div><div class="nr">&amp;#202;</div><div class="un">\00CA</div></div> <div class="l" title="latin capital letter E with diaeresis"><div class="html">&Euml;</div><div class="hr">&amp;Euml;</div><div class="nr">&amp;#203;</div><div class="un">\00CB</div></div> <div class="l" title="latin capital letter I with grave"><div class="html">&Igrave;</div><div class="hr">&amp;Igrave;</div><div class="nr">&amp;#204;</div><div class="un">\00CC</div></div> <div class="l" title="latin capital letter I with acute"><div class="html">&Iacute;</div><div class="hr">&amp;Iacute;</div><div class="nr">&amp;#205;</div><div class="un">\00CD</div></div> <div class="l" title="latin capital letter I with circumflex"><div class="html">&Icirc;</div><div class="hr">&amp;Icirc;</div><div class="nr">&amp;#206;</div><div class="un">\00CE</div></div> <div class="l" title="latin capital letter I with diaeresis"><div class="html">&Iuml;</div><div class="hr">&amp;Iuml;</div><div class="nr">&amp;#207;</div><div class="un">\00CF</div></div> <div class="l" title="latin capital letter ETH"><div class="html">&ETH;</div><div class="hr">&amp;ETH;</div><div class="nr">&amp;#208;</div><div class="un">\00D0</div></div> <div class="l" title="latin capital letter N with tilde"><div class="html">&Ntilde;</div><div class="hr">&amp;Ntilde;</div><div class="nr">&amp;#209;</div><div class="un">\00D1</div></div> <div class="l" title="latin capital letter O with grave"><div class="html">&Ograve;</div><div class="hr">&amp;Ograve;</div><div class="nr">&amp;#210;</div><div class="un">\00D2</div></div> <div class="l" title="latin capital letter O with acute"><div class="html">&Oacute;</div><div class="hr">&amp;Oacute;</div><div class="nr">&amp;#211;</div><div class="un">\00D3</div></div> <div class="l" title="latin capital letter O with circumflex"><div class="html">&Ocirc;</div><div class="hr">&amp;Ocirc;</div><div class="nr">&amp;#212;</div><div class="un">\00D4</div></div> <div class="l" title="latin capital letter O with tilde"><div class="html">&Otilde;</div><div class="hr">&amp;Otilde;</div><div class="nr">&amp;#213;</div><div class="un">\00D5</div></div> <div class="l" title="latin capital letter O with diaeresis"><div class="html">&Ouml;</div><div class="hr">&amp;Ouml;</div><div class="nr">&amp;#214;</div><div class="un">\00D6</div></div> <div class="l" title="multiplication sign"><div class="html">&times;</div><div class="hr">&amp;times;</div><div class="nr">&amp;#215;</div><div class="un">\00D7</div></div> <div class="l" title="latin capital letter O with stroke = latin capital letter O slash"><div class="html">&Oslash;</div><div class="hr">&amp;Oslash;</div><div class="nr">&amp;#216;</div><div class="un">\00D8</div></div> <div class="l" title="latin capital letter U with grave"><div class="html">&Ugrave;</div><div class="hr">&amp;Ugrave;</div><div class="nr">&amp;#217;</div><div class="un">\00D9</div></div> <div class="l" title="latin capital letter U with acute"><div class="html">&Uacute;</div><div class="hr">&amp;Uacute;</div><div class="nr">&amp;#218;</div><div class="un">\00DA</div></div> <div class="l" title="latin capital letter U with circumflex"><div class="html">&Ucirc;</div><div class="hr">&amp;Ucirc;</div><div class="nr">&amp;#219;</div><div class="un">\00DB</div></div> <div class="l" title="latin capital letter U with diaeresis"><div class="html">&Uuml;</div><div class="hr">&amp;Uuml;</div><div class="nr">&amp;#220;</div><div class="un">\00DC</div></div> <div class="l" title="latin capital letter Y with acute"><div class="html">&Yacute;</div><div class="hr">&amp;Yacute;</div><div class="nr">&amp;#221;</div><div class="un">\00DD</div></div> <div class="l" title="latin capital letter THORN"><div class="html">&THORN;</div><div class="hr">&amp;THORN;</div><div class="nr">&amp;#222;</div><div class="un">\00DE</div></div> <div class="l" title="latin small letter sharp s = ess-zed"><div class="html">&szlig;</div><div class="hr">&amp;szlig;</div><div class="nr">&amp;#223;</div><div class="un">\00DF</div></div> <div class="l" title="latin small letter a with grave = latin small letter a grave"><div class="html">&agrave;</div><div class="hr">&amp;agrave;</div><div class="nr">&amp;#224;</div><div class="un">\00E0</div></div> <div class="l" title="latin small letter a with acute"><div class="html">&aacute;</div><div class="hr">&amp;aacute;</div><div class="nr">&amp;#225;</div><div class="un">\00E1</div></div> <div class="l" title="latin small letter a with circumflex"><div class="html">&acirc;</div><div class="hr">&amp;acirc;</div><div class="nr">&amp;#226;</div><div class="un">\00E2</div></div> <div class="l" title="latin small letter a with tilde"><div class="html">&atilde;</div><div class="hr">&amp;atilde;</div><div class="nr">&amp;#227;</div><div class="un">\00E3</div></div> <div class="l" title="latin small letter a with diaeresis"><div class="html">&auml;</div><div class="hr">&amp;auml;</div><div class="nr">&amp;#228;</div><div class="un">\00E4</div></div> <div class="l" title="latin small letter a with ring above = latin small letter a ring"><div class="html">&aring;</div><div class="hr">&amp;aring;</div><div class="nr">&amp;#229;</div><div class="un">\00E5</div></div> <div class="l" title="latin small letter ae = latin small ligature ae"><div class="html">&aelig;</div><div class="hr">&amp;aelig;</div><div class="nr">&amp;#230;</div><div class="un">\00E6</div></div> <div class="l" title="latin small letter c with cedilla"><div class="html">&ccedil;</div><div class="hr">&amp;ccedil;</div><div class="nr">&amp;#231;</div><div class="un">\00E7</div></div> <div class="l" title="latin small letter e with grave"><div class="html">&egrave;</div><div class="hr">&amp;egrave;</div><div class="nr">&amp;#232;</div><div class="un">\00E8</div></div> <div class="l" title="latin small letter e with acute"><div class="html">&eacute;</div><div class="hr">&amp;eacute;</div><div class="nr">&amp;#233;</div><div class="un">\00E9</div></div> <div class="l" title="latin small letter e with circumflex"><div class="html">&ecirc;</div><div class="hr">&amp;ecirc;</div><div class="nr">&amp;#234;</div><div class="un">\00EA</div></div> <div class="l" title="latin small letter e with diaeresis"><div class="html">&euml;</div><div class="hr">&amp;euml;</div><div class="nr">&amp;#235;</div><div class="un">\00EB</div></div> <div class="l" title="latin small letter i with grave"><div class="html">&igrave;</div><div class="hr">&amp;igrave;</div><div class="nr">&amp;#236;</div><div class="un">\00EC</div></div> <div class="l" title="latin small letter i with acute"><div class="html">&iacute;</div><div class="hr">&amp;iacute;</div><div class="nr">&amp;#237;</div><div class="un">\00ED</div></div> <div class="l" title="latin small letter i with circumflex"><div class="html">&icirc;</div><div class="hr">&amp;icirc;</div><div class="nr">&amp;#238;</div><div class="un">\00EE</div></div> <div class="l" title="latin small letter i with diaeresis"><div class="html">&iuml;</div><div class="hr">&amp;iuml;</div><div class="nr">&amp;#239;</div><div class="un">\00EF</div></div> <div class="l" title="latin small letter eth"><div class="html">&eth;</div><div class="hr">&amp;eth;</div><div class="nr">&amp;#240;</div><div class="un">\00F0</div></div> <div class="l" title="latin small letter n with tilde"><div class="html">&ntilde;</div><div class="hr">&amp;ntilde;</div><div class="nr">&amp;#241;</div><div class="un">\00F1</div></div> <div class="l" title="latin small letter o with grave"><div class="html">&ograve;</div><div class="hr">&amp;ograve;</div><div class="nr">&amp;#242;</div><div class="un">\00F2</div></div> <div class="l" title="latin small letter o with acute"><div class="html">&oacute;</div><div class="hr">&amp;oacute;</div><div class="nr">&amp;#243;</div><div class="un">\00F3</div></div> <div class="l" title="latin small letter o with circumflex"><div class="html">&ocirc;</div><div class="hr">&amp;ocirc;</div><div class="nr">&amp;#244;</div><div class="un">\00F4</div></div> <div class="l" title="latin small letter o with tilde"><div class="html">&otilde;</div><div class="hr">&amp;otilde;</div><div class="nr">&amp;#245;</div><div class="un">\00F5</div></div> <div class="l" title="latin small letter o with diaeresis"><div class="html">&ouml;</div><div class="hr">&amp;ouml;</div><div class="nr">&amp;#246;</div><div class="un">\00F6</div></div> <div class="l" title="division sign"><div class="html">&divide;</div><div class="hr">&amp;divide;</div><div class="nr">&amp;#247;</div><div class="un">\00F7</div></div> <div class="l" title="latin small letter o with stroke, = latin small letter o slash"><div class="html">&oslash;</div><div class="hr">&amp;oslash;</div><div class="nr">&amp;#248;</div><div class="un">\00F8</div></div> <div class="l" title="latin small letter u with grave"><div class="html">&ugrave;</div><div class="hr">&amp;ugrave;</div><div class="nr">&amp;#249;</div><div class="un">\00F9</div></div> <div class="l" title="latin small letter u with acute"><div class="html">&uacute;</div><div class="hr">&amp;uacute;</div><div class="nr">&amp;#250;</div><div class="un">\00FA</div></div> <div class="l" title="latin small letter u with circumflex"><div class="html">&ucirc;</div><div class="hr">&amp;ucirc;</div><div class="nr">&amp;#251;</div><div class="un">\00FB</div></div> <div class="l" title="latin small letter u with diaeresis"><div class="html">&uuml;</div><div class="hr">&amp;uuml;</div><div class="nr">&amp;#252;</div><div class="un">\00FC</div></div> <div class="l" title="latin small letter y with acute"><div class="html">&yacute;</div><div class="hr">&amp;yacute;</div><div class="nr">&amp;#253;</div><div class="un">\00FD</div></div> <div class="l" title="latin small letter thorn"><div class="html">&thorn;</div><div class="hr">&amp;thorn;</div><div class="nr">&amp;#254;</div><div class="un">\00FE</div></div> <div class="l" title="latin small letter y with diaeresis"><div class="html">&yuml;</div><div class="hr">&amp;yuml;</div><div class="nr">&amp;#255;</div><div class="un">\00FF</div></div> <div class="g" title="latin small f with hook = function = florin"><div class="html">&fnof;</div><div class="hr">&amp;fnof;</div><div class="nr">&amp;#402;</div><div class="un">\0192</div></div> <div class="g" title="greek capital letter alpha"><div class="html">&Alpha;</div><div class="hr">&amp;Alpha;</div><div class="nr">&amp;#913;</div><div class="un">\0391</div></div> <div class="g" title="greek capital letter beta"><div class="html">&Beta;</div><div class="hr">&amp;Beta;</div><div class="nr">&amp;#914;</div><div class="un">\0392</div></div> <div class="g" title="greek capital letter gamma"><div class="html">&Gamma;</div><div class="hr">&amp;Gamma;</div><div class="nr">&amp;#915;</div><div class="un">\0393</div></div> <div class="g" title="greek capital letter delta"><div class="html">&Delta;</div><div class="hr">&amp;Delta;</div><div class="nr">&amp;#916;</div><div class="un">\0394</div></div> <div class="g" title="greek capital letter epsilon"><div class="html">&Epsilon;</div><div class="hr">&amp;Epsilon;</div><div class="nr">&amp;#917;</div><div class="un">\0395</div></div> <div class="g" title="greek capital letter zeta"><div class="html">&Zeta;</div><div class="hr">&amp;Zeta;</div><div class="nr">&amp;#918;</div><div class="un">\0396</div></div> <div class="g" title="greek capital letter eta"><div class="html">&Eta;</div><div class="hr">&amp;Eta;</div><div class="nr">&amp;#919;</div><div class="un">\0397</div></div> <div class="g" title="greek capital letter theta"><div class="html">&Theta;</div><div class="hr">&amp;Theta;</div><div class="nr">&amp;#920;</div><div class="un">\0398</div></div> <div class="g" title="greek capital letter iota"><div class="html">&Iota;</div><div class="hr">&amp;Iota;</div><div class="nr">&amp;#921;</div><div class="un">\0399</div></div> <div class="g" title="greek capital letter kappa"><div class="html">&Kappa;</div><div class="hr">&amp;Kappa;</div><div class="nr">&amp;#922;</div><div class="un">\039A</div></div> <div class="g" title="greek capital letter lambda"><div class="html">&Lambda;</div><div class="hr">&amp;Lambda;</div><div class="nr">&amp;#923;</div><div class="un">\039B</div></div> <div class="g" title="greek capital letter mu"><div class="html">&Mu;</div><div class="hr">&amp;Mu;</div><div class="nr">&amp;#924;</div><div class="un">\039C</div></div> <div class="g" title="greek capital letter nu"><div class="html">&Nu;</div><div class="hr">&amp;Nu;</div><div class="nr">&amp;#925;</div><div class="un">\039D</div></div> <div class="g" title="greek capital letter xi"><div class="html">&Xi;</div><div class="hr">&amp;Xi;</div><div class="nr">&amp;#926;</div><div class="un">\039E</div></div> <div class="g" title="greek capital letter omicron"><div class="html">&Omicron;</div><div class="hr">&amp;Omicron;</div><div class="nr">&amp;#927;</div><div class="un">\039F</div></div> <div class="g" title="greek capital letter pi"><div class="html">&Pi;</div><div class="hr">&amp;Pi;</div><div class="nr">&amp;#928;</div><div class="un">\03A0</div></div> <div class="g" title="greek capital letter rho"><div class="html">&Rho;</div><div class="hr">&amp;Rho;</div><div class="nr">&amp;#929;</div><div class="un">\03A1</div></div> <div class="g" title="greek capital letter sigma"><div class="html">&Sigma;</div><div class="hr">&amp;Sigma;</div><div class="nr">&amp;#931;</div><div class="un">\03A3</div></div> <div class="g" title="greek capital letter tau"><div class="html">&Tau;</div><div class="hr">&amp;Tau;</div><div class="nr">&amp;#932;</div><div class="un">\03A4</div></div> <div class="g" title="greek capital letter upsilon"><div class="html">&Upsilon;</div><div class="hr">&amp;Upsilon;</div><div class="nr">&amp;#933;</div><div class="un">\03A5</div></div> <div class="g" title="greek capital letter phi"><div class="html">&Phi;</div><div class="hr">&amp;Phi;</div><div class="nr">&amp;#934;</div><div class="un">\03A6</div></div> <div class="g" title="greek capital letter chi"><div class="html">&Chi;</div><div class="hr">&amp;Chi;</div><div class="nr">&amp;#935;</div><div class="un">\03A7</div></div> <div class="g" title="greek capital letter psi"><div class="html">&Psi;</div><div class="hr">&amp;Psi;</div><div class="nr">&amp;#936;</div><div class="un">\03A8</div></div> <div class="g" title="greek capital letter omega"><div class="html">&Omega;</div><div class="hr">&amp;Omega;</div><div class="nr">&amp;#937;</div><div class="un">\03A9</div></div> <div class="g" title="greek small letter alpha"><div class="html">&alpha;</div><div class="hr">&amp;alpha;</div><div class="nr">&amp;#945;</div><div class="un">\03B1</div></div> <div class="g" title="greek small letter beta"><div class="html">&beta;</div><div class="hr">&amp;beta;</div><div class="nr">&amp;#946;</div><div class="un">\03B2</div></div> <div class="g" title="greek small letter gamma"><div class="html">&gamma;</div><div class="hr">&amp;gamma;</div><div class="nr">&amp;#947;</div><div class="un">\03B3</div></div> <div class="g" title="greek small letter delta"><div class="html">&delta;</div><div class="hr">&amp;delta;</div><div class="nr">&amp;#948;</div><div class="un">\03B4</div></div> <div class="g" title="greek small letter epsilon"><div class="html">&epsilon;</div><div class="hr">&amp;epsilon;</div><div class="nr">&amp;#949;</div><div class="un">\03B5</div></div> <div class="g" title="greek small letter zeta"><div class="html">&zeta;</div><div class="hr">&amp;zeta;</div><div class="nr">&amp;#950;</div><div class="un">\03B6</div></div> <div class="g" title="greek small letter eta"><div class="html">&eta;</div><div class="hr">&amp;eta;</div><div class="nr">&amp;#951;</div><div class="un">\03B7</div></div> <div class="g" title="greek small letter theta"><div class="html">&theta;</div><div class="hr">&amp;theta;</div><div class="nr">&amp;#952;</div><div class="un">\03B8</div></div> <div class="g" title="greek small letter iota"><div class="html">&iota;</div><div class="hr">&amp;iota;</div><div class="nr">&amp;#953;</div><div class="un">\03B9</div></div> <div class="g" title="greek small letter kappa"><div class="html">&kappa;</div><div class="hr">&amp;kappa;</div><div class="nr">&amp;#954;</div><div class="un">\03BA</div></div> <div class="g" title="greek small letter lambda"><div class="html">&lambda;</div><div class="hr">&amp;lambda;</div><div class="nr">&amp;#955;</div><div class="un">\03BB</div></div> <div class="g" title="greek small letter mu"><div class="html">&mu;</div><div class="hr">&amp;mu;</div><div class="nr">&amp;#956;</div><div class="un">\03BC</div></div> <div class="g" title="greek small letter nu"><div class="html">&nu;</div><div class="hr">&amp;nu;</div><div class="nr">&amp;#957;</div><div class="un">\03BD</div></div> <div class="g" title="greek small letter xi"><div class="html">&xi;</div><div class="hr">&amp;xi;</div><div class="nr">&amp;#958;</div><div class="un">\03BE</div></div> <div class="g" title="greek small letter omicron"><div class="html">&omicron;</div><div class="hr">&amp;omicron;</div><div class="nr">&amp;#959;</div><div class="un">\03BF</div></div> <div class="g" title="greek small letter pi"><div class="html">&pi;</div><div class="hr">&amp;pi;</div><div class="nr">&amp;#960;</div><div class="un">\03C0</div></div> <div class="g" title="greek small letter rho"><div class="html">&rho;</div><div class="hr">&amp;rho;</div><div class="nr">&amp;#961;</div><div class="un">\03C1</div></div> <div class="g" title="greek small letter final sigma"><div class="html">&sigmaf;</div><div class="hr">&amp;sigmaf;</div><div class="nr">&amp;#962;</div><div class="un">\03C2</div></div> <div class="g" title="greek small letter sigma"><div class="html">&sigma;</div><div class="hr">&amp;sigma;</div><div class="nr">&amp;#963;</div><div class="un">\03C3</div></div> <div class="g" title="greek small letter tau"><div class="html">&tau;</div><div class="hr">&amp;tau;</div><div class="nr">&amp;#964;</div><div class="un">\03C4</div></div> <div class="g" title="greek small letter upsilon"><div class="html">&upsilon;</div><div class="hr">&amp;upsilon;</div><div class="nr">&amp;#965;</div><div class="un">\03C5</div></div> <div class="g" title="greek small letter phi"><div class="html">&phi;</div><div class="hr">&amp;phi;</div><div class="nr">&amp;#966;</div><div class="un">\03C6</div></div> <div class="g" title="greek small letter chi"><div class="html">&chi;</div><div class="hr">&amp;chi;</div><div class="nr">&amp;#967;</div><div class="un">\03C7</div></div> <div class="g" title="greek small letter psi"><div class="html">&psi;</div><div class="hr">&amp;psi;</div><div class="nr">&amp;#968;</div><div class="un">\03C8</div></div> <div class="g" title="greek small letter omega"><div class="html">&omega;</div><div class="hr">&amp;omega;</div><div class="nr">&amp;#969;</div><div class="un">\03C9</div></div> <div class="g" title="greek small letter theta symbol"><div class="html">&thetasym;</div><div class="hr">&amp;thetasym;</div><div class="nr">&amp;#977;</div><div class="un">\03D1</div></div> <div class="g" title="greek upsilon with hook symbol"><div class="html">&upsih;</div><div class="hr">&amp;upsih;</div><div class="nr">&amp;#978;</div><div class="un">\03D2</div></div> <div class="g" title="greek pi symbol"><div class="html">&piv;</div><div class="hr">&amp;piv;</div><div class="nr">&amp;#982;</div><div class="un">\03D6</div></div> <div class="g" title="bullet = black small circle"><div class="html">&bull;</div><div class="hr">&amp;bull;</div><div class="nr">&amp;#8226;</div><div class="un">\2022</div></div> <div class="g" title="horizontal ellipsis = three dot leader"><div class="html">&hellip;</div><div class="hr">&amp;hellip;</div><div class="nr">&amp;#8230;</div><div class="un">\2026</div></div> <div class="g" title="prime = minutes = feet"><div class="html">&prime;</div><div class="hr">&amp;prime;</div><div class="nr">&amp;#8242;</div><div class="un">\2032</div></div> <div class="g" title="double prime = seconds = inches"><div class="html">&Prime;</div><div class="hr">&amp;Prime;</div><div class="nr">&amp;#8243;</div><div class="un">\2033</div></div> <div class="g" title="overline = spacing overscore"><div class="html">&oline;</div><div class="hr">&amp;oline;</div><div class="nr">&amp;#8254;</div><div class="un">\203E</div></div> <div class="g" title="fraction slash"><div class="html">&frasl;</div><div class="hr">&amp;frasl;</div><div class="nr">&amp;#8260;</div><div class="un">\2044</div></div> <div class="g" title="script capital P = power set = Weierstrass p"><div class="html">&weierp;</div><div class="hr">&amp;weierp;</div><div class="nr">&amp;#8472;</div><div class="un">\2118</div></div> <div class="g" title="blackletter capital I = imaginary part"><div class="html">&image;</div><div class="hr">&amp;image;</div><div class="nr">&amp;#8465;</div><div class="un">\2111</div></div> <div class="g" title="blackletter capital R = real part symbol"><div class="html">&real;</div><div class="hr">&amp;real;</div><div class="nr">&amp;#8476;</div><div class="un">\211C</div></div> <div class="g" title="trade mark sign"><div class="html">&trade;</div><div class="hr">&amp;trade;</div><div class="umRef">&amp;#8482;</div><div class="un">\2122</div></div> <div class="g" title="alef symbol = first transfinite cardinal"><div class="html">&alefsym;</div><div class="hr">&amp;alefsym;</div><div class="nr">&amp;#8501;</div><div class="un">\2135</div></div> <div class="g" title="left ceiling = apl upstile"><div class="html">&lceil;</div><div class="hr">&amp;lceil;</div><div class="nr">&amp;#8968;</div><div class="un">\2308</div></div> <div class="g" title="right ceiling"><div class="html">&rceil;</div><div class="hr">&amp;rceil;</div><div class="nr">&amp;#8969;</div><div class="un">\2309</div></div> <div class="g" title="left floor = apl downstile"><div class="html">&lfloor;</div><div class="hr">&amp;lfloor;</div><div class="nr">&amp;#8970;</div><div class="un">\230A</div></div> <div class="g" title="right floor"><div class="html">&rfloor;</div><div class="hr">&amp;rfloor;</div><div class="nr">&amp;#8971;</div><div class="un">\230B</div></div> <div class="g" title="left-pointing angle bracket = bra"><div class="html">&lang;</div><div class="hr">&amp;lang;</div><div class="nr">&amp;#9001;</div><div class="un">\2329</div></div> <div class="g" title="right-pointing angle bracket = ket"><div class="html">&rang;</div><div class="hr">&amp;rang;</div><div class="nr">&amp;#9002;</div><div class="un">\232A</div></div> <div class="i" title="latin capital ligature OE"><div class="html">&OElig;</div><div class="hr">&amp;OElig;</div><div class="nr">&amp;#338;" </div><div class="un">\0152</div></div> <div class="i" title="latin small ligature oe"><div class="html">&oelig;</div><div class="hr">&amp;oelig;</div><div class="nr">&amp;#339;" </div><div class="un">\0153</div></div> <div class="i" title="latin capital letter S with caron"><div class="html">&Scaron;</div><div class="hr">&amp;Scaron;</div><div class="nr">&amp;#352;" </div><div class="un">\0160</div></div> <div class="i" title="latin small letter s with caron"><div class="html">&scaron;</div><div class="hr">&amp;scaron;</div><div class="nr">&amp;#353;" </div><div class="un">\0161</div></div> <div class="i" title="latin capital letter Y with diaeresis"><div class="html">&Yuml;</div><div class="hr">&amp;Yuml;</div><div class="nr">&amp;#376;" </div><div class="un">\0178</div></div> <div class="i" title="modifier letter circumflex accent"><div class="html">&circ;</div><div class="hr">&amp;circ;</div><div class="nr">&amp;#710;" </div><div class="un">\02C6</div></div> <div class="i" title="tilde"><div class="html">&tilde;</div><div class="hr">&amp;tilde;</div><div class="nr">&amp;#732;</div><div class="un">\02DC</div></div> <div class="i" title="euro sign"><div class="html">&euro;</div><div class="hr">&amp;euro;</div><div class="nr">&amp;#8364;</div><div class="un">\20AC</div></div> </section> <script> const els = document.querySelectorAll(".wrapper > section > div"); const show = function(items, is_true) { items.forEach(el=>{ el.style.display = is_true ? "block" : "none" }); }; const changeFont = function() { document.querySelector(".wrapper section").style.fontFamily = document.getElementById("selFont").value; } const filter = function () { var filterText = document.getElementById("filter").value; if(filterText == "") { show(els, true); } else { els.forEach(el=>{ el.style.display = el.title.toLowerCase().indexOf(filterText) > -1 ? "block" : "none"; }); } } const showByType = function(type) { if(type !== "all") { show(els, false); show(document.querySelectorAll(".wrapper div." + type), true); } else { show(els, true); } } </script> </div>