Help:Displaying Special Characters

From WikiEducator
Jump to: navigation, search
Vista Community Help.png

Displaying Special Characters


Road Works.svg Work in progress, expect frequent changes. Help and feedback is welcome. See discussion page. Road Works.svg


HTML Character Set

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Exclamation mark ! ! Quotation mark " " "
Number sign # # Dollar sign $ $
Percent sign % % Ampersand & & &
Apostrophe ' ' Left parenthesis ( (
Right parenthesis ) ) Asterisk * U+002A *
Plus sign + + Comma , ,
Hyphen - - Period . .
Solidus (slash) / U+002F / Decimal digits 0 - 9 0 - 9
Colon : : Semi-colon ; &#59;
Less than < &#60; Equals sign = &#61;
Greater mark > &#62; Question mark ? &#63;
Commercial at @ &#64; Uppercase letters A - Z &#65; - &#90;
Left square bracket [ &#91; Reverse solidus (back slash) \ &#92;
Right square bracket ] &#93; Caret ^ &#94;
Horizontal bar _ &#95; Grave accent ` &#96;
Lowercase letters a - z &#97; - &#122; Left curly brace { &#123;
Vertical bar | &#124; Right curly brace } &#125;
Tilde ~ &#126; Nonbreaking space   &nbsp; &#160;
Capital A, grave accent À &Agrave; &#192; Small a, grave accent à &agrave; &#224;
Capital A, acute accent Á &Aacute; &#193; Small a, acute accent á &aacute; &#225;
Capital A, circumflex accent  &Acirc; &#194; Small a, circumflex accent â &acirc; &#226;
Capital A, tilde à &Atilde; &#195; Small a, tilde ã &atilde; &#227;
Capital A, dieresis or umlaut mark Ä &Auml; &#196; Small a, dieresis or umlaut mark ä &auml; &#228;
Capital A, ring Å &Aring; &#197; Small a, ring å &aring; &#229;
Capital AE dipthong (ligature) Æ &AElig; &#198; Small ae dipthong (ligature) æ &aelig; &#230;
Capital C, cedilla Ç &Ccedil; &#199; Small c, cedilla ç &ccedil; &#231;
Capital Eth, Icelandic Ð &ETH; &#208; Small eth, Icelandic ð &eth; &#240;
Capital E, grave accent È &Egrave; &#200; Small e, grave accent è &egrave; &#232;
Capital E, acute accent É &Eacute; &#201; Small e, acute accent é &eacute; &#233;
Capital E, circumflex accent Ê &Ecirc; &#202; Small e, circumflex accent ê &ecirc; &#234;
Capital E, dieresis or umlaut mark Ë &Euml; &#203; Small e, dieresis or umlaut mark ë &euml; &#235;
Capital I, grave accent Ì &Igrave; &#204; Small i, grave accent ì &igrave; &#236;
Capital I, acute accent Í &Iacute; &#205; Small i, acute accent í &iacute; &#237;
Capital I, circumflex accent Î &Icirc; &#206; Small i, circumflex accent î &icirc; &#238;
Capital I, dieresis or umlaut mark Ï &Iuml; &#207; Small i, dieresis or umlaut mark ï &iuml; &#239;
Micro sign µ &micro; &#181; Capital N, tilde Ñ &Ntilde; &#209;
Small n, tilde ñ &micro; &#241; Capital O, grave accent Ò &Ograve; &#210;
Small o, grave accent ò &ograve; &#242; Capital O, acute accent Ó &Oacute; &#211;
Small o, acute accent ó &oacute; &#243; Capital O, circumflex accent Ô &Ocirc; &#212;
Small o, circumflex accent ô &ocirc; &#244; Capital O, tilde Õ &Otilde; &#213;
Small o, tilde õ &otilde; &#245; Capital O, dieresis or umlaut mark Ö &Ouml; &#214;
Small o, dieresis or umlaut mark ö &ouml; &#246; Capital O, slash Ø &Oslash; &#216;
Small o, slash ø &oslash; &#248; Small sharp s, German (sz ligature) ß &szlig; &#223;
Capital THORN, Icelandic Þ &THORN; &#222; Small thorn, Icelandic þ &thorn; &#254;
Capital U, grave accent Ù &Ugrave; &#217; Small u, grave accent ù &ugrave; &#249;


General Punctuation

Tick or Checkmark &#10003;


glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Hyphen U+2010 &#8208; Non-breaking Hyphen U+2011 &#8209;
Figure Dash U+2012 &#8210; En Dash U+2013 &ndash; &#8211;
Em Dash U+2014 &mdash; &#8212; Horizontal Bar U+2015 &#8213;
Double Vertical Line U+2016 &#8214; Double Low Line U+2017 &#8215;
Left Single Quotation Mark U+2018 &lsquo; &#8216; Right Single Quotation Mark U+2019 &rsquo; &#8217;
Single Low-9 Quotation Mark U+201A &sbquo; &#8218; Single High-Reversed-9 Quotation Mark U+201B &#8219;
Left Double Quotation Mark U+201C &ldquo; &#8220; Right Double Quotation Mark U+201D &rdquo; &#8221;
Double Low-9 Quotation Mark U+201E &bdquo; &#8222; Double High-reversed-9 Quotation Mark U+201F &#8223;
Dagger U+2020 &dagger; &#8224; Double Dagger U+2021 &Dagger; &#8225;
Bullet = black small circle U+2022 &bull; &#8226; Triangular Bullet U+2023 &#8227;
One Dot Leader U+2024 &#8228; Two Dot Leader U+2025 &#8229;
Horizontal ellipsis U+2026 &hellip; &#8230; Hyphenation Point U+2027 &#8231;
Per Mille Sign U+2030 &permil; &#8240; Per Ten Thousand Sign U+2031 &#8241;
Prime = minutes = feet U+2032 &prime; &#8242; Double prime = seconds = inches U+2033 &Prime; &#8243;
Triple Prime U+2034 &#8244; Reversed Prime U+2035 &#8245;
Reversed Double Prime U+2036 &#8246; Reversed Triple Prime U+2037 &#8247;
Caret U+2038 &#8248; Single Left-Pointing Angle Quotation Mark U+2039 &lsaquo; &#8249;
Single Right-Pointing Angle Quotation Mark U+203A &rsaquo; &#8250; Reference Mark U+203B &#8251;
Double Exclamation Mark U+203C &#8252; Interrobang U+203D &#8253;
Overline = spacing overscore U+203E &#8254; Undertie U+203F &#8255;
Character Tie U+2040 &#8256; Caret Insertion Point U+2041 &#8257;
Asterism U+2042 &#8258; Hyphen Bullet U+2043 &#8259;
Fraction Slash U+2044 &frasl; &#8260; Left Square Bracket with Quill U+2045 &#8261;
Right Square Bracket with Quill U+2046 &#8262; Double Question Mark U+2047 &#8263;
Question Exclamation Mark U+2048 &#8264; Exclamation Question Mark U+2049 &#8265;




Greek Alphabet

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Alpha Α   &Alpha;   alpha α   &alpha;  
Beta Β   &Beta;   beta β   &beta;  
Gamma Γ   &Gamma;   gamma γ   &gamma;  
Delta Δ   &Delta;   delta δ   &delta;  
Epsilon Ε   &Epsilon;   epsilon ε   &epsilon;  
Zeta Ζ   &Zeta;   zeta ζ   &zeta;  
Eta Η   &Eta;   eta η   &eta;  
Theta Θ   &Theta;   theta θ   &theta;  
Iota Ι   &Iota;   iota ι   &iota;  
Kappa Κ   &Kappa;   kappa κ   &kappa;  
Lambda Λ   &Lambda;   lambda λ   &lambda;  
Mu Μ   &Mu;   mu μ   &mu;  
Nu Ν   &Nu;   nu ν   &nu;  
Xi Ξ   &Xi;   xi ξ   &xi;  
Omicron Ο   &Omicron;   omicron ο   &omicron;  
Pi Π   &Pi;   pi π   &pi;  
Rho Ρ   &Rho;   rho ρ   &rho;  
Sigma Σ   &Sigma;   sigma σ   &sigma;  
Tau Τ   &Tau;   tau τ   &tau;  
Upsilon Υ   &Upsilon;   upsilon υ   &upsilon;  
Phi Φ   &Phi;   phi φ   &phi;  
Chi Χ   &Chi;   chi χ   &chi;  
Psi Ψ   &Psi;   psi ψ   &psi;  
Omega Ω   &Omega;   omega ω   &omega;  



Arrows

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Leftwards arrow U+2190 &larr; &#8592; Rightwards arrow U+2192 &rarr; &#8594;;
Downwards arrow U+2193 &darr; &#8595; Upwards arrow U+2191 &uarr; &#8593;;
Left right arrow U+2194 &harr; &#8596; Downwards arrow with corner leftwards = carriage return U+21B5 &crarr; &#8629;;
Leftwards double arrow U+21D0 &lArr; &#8656; Upwards double arrow U+21D1 &uArr; &#8657;;
Rightwards double arrow U+21D2 &rArr; &#8658; Downwards double arrow U+21D3 &dArr; &#8659;;
Left right double arrow U+21D4 &hArr; &#8660;        



Asterisks

  Glyph Unicode HTML Decimal
Asterisk * U+002A   &#42;
Small Asterisk U+FE61   &#65121;
Full Width Asterisk U+FF0A   &#65290;
Asterisk Operator (Math Asterisk) U+2217 &lowast; &#8727;
Heavy Asterisk U+2731   &#10033;
Open Centre Asterisk U+2732   &#10034;
Eight Spoked Asterisk U+2733   &#10035;
Sixteen Pointed Asterisk U+273A   &#10042;
Teardrop-Spoked Asterisk U+273B   &#10043;
Open Centre Teardrop-Spoked Asterisk U+273C   &#10044;
Heavy Teardrop-Spoked Asterisk U+273D   &#10045;
Four Teardrop-Spoked Asterisk U+2722   &#10018;
Four Balloon-Spoked Asterisk U+2723   &#10019;
Heavy Four Balloon-Spoked Asterisk U+2724   &#10020;
Four Club-Spoked Asterisk U+2725   &#10021;
Heavy Teardrop-Spoked Pinwheel Asterisk U+2743   &#10051;
Balloon-Spoked Asterisk U+2749   &#10057;
Eight Teardrop-Spoked Propeller Asterisk U+274A   &#10058;
Heavy Eight Teardrop-Spoked Propeller Asterisk U+274B   &#10059;
Arabic star ٭ U+066D   &#1645;
Japanese "Rice" Star U+203B   &#8251;



Mathematical operators and relations

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Less than < &lt; &#60; Greater than > &gt; &#62;
Division symbol ÷ &divide; &#247; Degree symbol ° &deg; &#176;
Not symbol ¬ &not; &#172; Plus/minus symbol ± &plusmn; &#177;
Micro µ &micro; &#181;
For all U+2200 &forall; &#8704; Partial differential U+2202 &parc; &#8706;
There exists U+2203 &exist; &#8707; Empty set = null set = diameter U+2205 &empty; &#8709;
Nabla = backward difference U+2207 &nabla; &#8711; Element of U+2208 &isin; &#8712;
Not an element of U+2209 &notin; &#8713; Contains as member = "such that" U+220B &ni; &#8715;
N-ary product = product sign U+220F &prod; &#8719; N-ary sumation U+2211 &sum; &#8721;
Minus sign U+2212 &minus; &#8722; Asterisk operator U+2217 &lowast; &#8727;
Square root = radical sign U+221A &radic; &#8730; Proportional to U+221D &prop; &#8733;
Infinity U+221E &infin; &#8734; Angle U+2220 &ang; &#8736;
Logical and = wedge U+2227 &and; &#8743; Logical or = vee U+2228 &or; &#8744;
Intersection = cap U+2229 &cap; &#8745; Union = cup U+222A &cup; &#8746;
Integral U+222B &int; &#8747; Therefore U+2234 &there4; &#8756;
Tilde operator = varies with = similar to U+223C &sim; &#8764; Approximately equal to = isomorphic to U+2245 &cong; &#8773;
Almost equal to = asymptotic to U+2248 &asymp; &#8776; Not equal to U+2260 &ne; &#8800;
Identical to U+2261 &equiv; &#8801; Less than or equal to U+2264 &le; &#8804;
Greater than or equal to U+2265 &ge; &#8805; Subset of U+2282 &sub; &#8834;
Superset of U+2283 &sup; &#8835; Not a subset of U+2284 &nsub; &#8836;
Subset of or equal to U+2286 &sube; &#8838; Superset of or equal to U+2287 &supe; &#8839;
Circled plus = direct sum U+2295 &oplus; &#8853; Circled times = vector product U+2297 &otimes; &#8855;
Up tack = orthogonal to = perpendicular U+22A5 &perp; &#8869; Circled times = vector product U+22C5 &sdot; &#8901;



Corners, Angle brackets

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Left ceiling = apl upstile U+2308 &lceil; &#8968; Right ceiling U+2309 &rceil; &#8969;
Left floor = apl downstile U+230A &lfloor; &#8970; Right floor U+230B &rfloor; &#8971;
Left-pointing angle bracket = bra U+2329 &lang; &#9001; Right-pointing angle bracket = ket U+232A &rang; &#9002;


Currency Symbols

glyph Unicode HTML Decimal glyph Unicode HTML Decimal
Colon U+20A1 &#8353; Cruzeiro U+20A2 &#8354;
French Franc U+20A3 &#8355; Lira U+20A4 &#8356;
Mill U+20A5 &#8357; Naira U+20A6 &#8358;
Peseta U+20A7 &#8359; Rupee U+20A8 &#8360;
Won U+20A9 &#8361; New Sheqel U+20AA &#8362;
Dong U+20AB &#8363; Euro U+20AC &euro; &#8364;
Kip U+20AD &#8365; Tugrik U+20AE &#8366;
Drachma U+20AF &#8367; German Penny U+20B0 &#8368;
Peso U+20B1 &#8369; Guarani U+20B2 &#8370;
Austral U+20B3 &#8371; Hryvnia U+20B4 &#8372;
Cedi U+20B5 &#8373; Dollar $ U+0024 &#36;
Cent ¢ U+00A2 &cent; &#162; Pound £ U+00A3 &pound; &#163;
General Currency ¤ U+00A4 &curren; &#164; Yen ¥ U+00A5 &yen; &#165;
Bengali Rupee Sign U+09F3 &#2547; Thai Currency Symbol Baht ฿ U+0E3F &#3647;
Sqare Yuan U+3350 &#13136; Yuan U+5143 &#20803;
Yen U+5186 &#20870; Rial U+FDFC &#65020;


HTML vs TeX

There are several forms for displaying special characters or mathematical expressions:

Code Displayed
a³+a²b a³+a²b
<math>a^3+a^2b</math> [math]a^3+a^2b[/math]
<math>a^3+a^2b\,</math> [math]a^3+a^2b\,[/math]


Before trying [math]\mathrm{T\!_{\displaystyle E} \! X} \,[/math] markup for producing special characters, it should be noted that, as this comparison table shows, sometimes similar results can be achieved in HTML.

For a comprehensive set of help pages on [math]\mathrm{T\!_{\displaystyle E} \! X} \,[/math], see Help:LaTeX Symbol Tables for Wikieducator


TeX Syntax (forcing PNG) TeX Rendering HTML Syntax HTML Rendering
<math>\alpha\,\!</math> [math]\alpha\,\![/math] {{mathem|<VAR>&alpha;</VAR>}} α
<math>\sqrt{2}</math> [math]\sqrt{2}[/math] {{mathem|{{radical|2}}}} 2
<math>\sqrt{1-e^2}</math> [math]\sqrt{1-e^2}\![/math] {{mathem|{{radical|1 − ''e''²}}}} 1 − e²


The use of HTML instead of TeX is still under discussion. The arguments either way can be summarised as follows.

Pros of HTML

  1. In-line HTML formulae always align properly with the rest of the HTML text.
  2. The formula’s background and font size match the rest of HTML contents and the appearance respects CSS and browser settings while the typeface is conveniently altered to help you identify formulae.
  3. Pages using HTML code for formulae will load faster and they will create less clutter on your hard disk.
  4. Formulae typeset with HTML code will be accessible to client-side script links (a.k.a. scriptlets).
  5. The display of a formula entered using mathematical templates can be conveniently altered by modifying the templates involved; this modification will affect all relevant formulae without any manual intervention.
  6. The HTML code, if entered diligently, will contain all semantic information to transform the equation back to TeX or any other code as needed. It can even contain differences TeX does not normally catch, e.g. {{mathem|''i''}} for the imaginary unit and {{mathem|<VAR>i</VAR>}} for an arbitrary index variable.

Pros of TeX

  1. TeX is semantically superior to HTML. In TeX, "<math>x</math>" means "mathematical variable [math]x[/math]", whereas in HTML "x" could mean anything. Information has been irrevocably lost.
  2. On the other hand, if you encode the same formula as "{{mathem|<VAR>x</VAR>}}", you get the same visual result x and no information is lost. This requires diligence and more typing that could make the formula harder to understand as you type it. However, since there are far more readers than editors, this effort is worth considering.
  3. TeX has been specifically designed for typesetting formulae, so input is easier and more natural if you are accustomed to it, and output is more aesthetically pleasing if you focus on a single formula rather than on the whole containing page.
  4. One consequence of point 1 is that TeX code can be transformed into HTML, but not vice-versa. This means that on the server side we can always transform a formula, based on its complexity and location within the text, user preferences, type of browser, etc. Therefore, where possible, all the benefits of HTML can be retained, together with the benefits of TeX. It is true that the current situation is not ideal, but that is not a good reason to drop information/contents. It is more a reason to help improve the situation.
  5. Another consequence of point 1 is that TeX can be converted to MathML for browsers which support it, thus keeping its semantics and allowing the rendering to be better suited for the reader’s graphic device.
  6. When writing in TeX, editors need not worry about whether this or that version of this or that browser supports this or that HTML entity. The burden of these decisions is put on the software. This does not hold for HTML formulae, which can easily end up being rendered wrongly or differently from the editor’s intentions on a different browser.
  7. More importantly, the serif font used for rendering formulae is browser-dependent and it may be missing some important glyphs. While the browser generally capable to substitute a matching glyph from a different font family, it need not be the case for combined glyphs (compare ‘ IPA: /a̅/ ’ and ‘  ’).
  8. TeX is the preferred text formatting language of most professional mathematicians, scientists, and engineers. It is easier to persuade them to contribute if they can write in TeX.