Friday, 2 May 2014

HTML Symbols

HTML Symbol Entities

HTML entities was described in the previous chapter.
HTML symbols like mathematical operators, arrows, technical symbols and shapes, are not present on a normal keyboard.
To add these symbols to an HTML page, you can use the HTML entity name.
If no entity name exists, you can use the entity number.
If the character does not have an entity name, you can use a decimal (or hexadecimal) reference.
Note If you use an HTML entity name, or number, the character will always display correctly.
This is independent of what character set (encoding) your page uses!

Example

<p>I will display &euro;<p>
<p>I will display &#8364;<p>
<p>I will display &#x20AC;<p>

Will display as:

I will display €
I will display €
I will display €

Try it yourself »


Some Mathematical Symbols Supported by HTML

Char Number Entity Description
&#8704; &forall; FOR ALL
&#8706; &part; PARTIAL DEFFERENCIAL
&#8707; &exist; THERE EXISTS
&#8709; &empty; EMPTY SETS
&#8711; &nabla; NABLA
&#8712; &isin; ELEMENT OF
&#8713; &notin; NOT AN ELEMENT OF
&#8715; &ni; CONTAINS A MEMBER
&#8719; &prod; N-ARY PRODUCT
&#8721; &sum; N-ARY SUMMATION
Full Math Reference

Some Greek Letters Supported by HTML

Char Number Entity Description
Α &#913; &Alpha; GREEK CAPITAL LETTER ALPHA
Β &#914; &Beta; GREEK CAPITAL LETTER BETA
Γ &#915; &Gamma; GREEK CAPITAL LETTER GAMMA
Δ &#916; &Delta; GREEK CAPITAL LETTER DELTA
Ε &#917; &Epsilon; GREEK CAPITAL LETTER EPSILON
Ζ &#918; &Zeta; GREEK CAPITAL LETTER ZETA
Full Greek Reference

Some Other Entities Supported by HTML

Char Number Entity Description
© &#169; &copy; REGISTERED SIGN
® &#174; &reg; REGISTERED SIGN
&#8364; &euro; EURO SIGN
&#8482; &trade; TRADEMARK
&#8592; &larr; LEFTWARDS ARROW
&#8593; &uarr; UPWARDS ARROW
&#8594; &rarr; RIGHTWARDS ARROW
&#8595; &darr; DOWNWARDS ARROW
&#9824; &spades; BLACK SPADE SUIT
&#9827; &clubs; BLACK CLUB SUIT
&#9829; &hearts; BLACK HEART SUIT
&#9830; &diams; BLACK DIAMOND SUIT
Full Currency Reference
Full Arrows Reference
Full Symbols Reference

No comments:

Post a Comment