GRAM.PL HTML SMART TAGS v1.01

Transkrypt

GRAM.PL HTML SMART TAGS v1.01
GRAM.PL HTML SMART TAGS
v1.01
Language Reference & Specification
Podstawowe informacje
Smart-tagi to kody umożliwiające wstawić predefiniowane wcześniej fragmenty kodu HTML oraz style
modyfikujące odpowiednio treść. Ponadto można w ten sposÛb łatwo umieszczać na stronie wszelkie
ramki, listy bądź tabelki, używając prostych kodÛw zamiast dziesiątek linii HTMLa.
Każdy smart-tag składa się ze słowa-klucza oraz obejmujących go nawiasÛw kwadratowych: " [" oraz
" ] ". Dzięki nawiasom, skrypt rozpoznaje dany zapis jako smart-taga i zapewnia (w wypadku
poprawności) właściwą translację na kod HTML. Każdy smart-tag wymaga obu nawiasÛw
kwadratowych (otwierającego i zamykającego) aby był poprawny, ponadto między nawiasami
kwadratowymi a słowem-kluczem nie może wystąpić żadna spacja ani inny znak.
Tagi zwykłe oraz blokowe
Tagi podzielić można na dwa typy: zwykłe oraz blokowe. Tak zwykły używa się do dokonania jakiejś
zmiany/akcji w konkretnym punkcie tekstu: np. wstawienia obrazka czy złamania linii (enter). Taki
blokowe natomiast wpływają na cały fragment (blok) tekstu ktÛry obejmują Ŕ np. pogrubiają dany
fragment lub obejmują go w ramkę.
Jak widać możliwe jest więc zagłębianie tagÛw Ŕ obejmowanie jednego taga innym. Przykładowo
(pseudo-kod):
[pogrubienie]
[obrazek z opisem]
[wyśrodkuj]
[ramka] ... [/ramka]
[/wyśrodkuj]
[/pogrubienie]
Zagłębianie tagu blokowego w innym tagu blokowym nie jest zalecane z uwagi na to że efekty mogą
być zaskakujące w sensie negatywnym. Wyjątkiem są tagi modyfikujące krÛj tekstu Ŕ pogrubienie,
podkreślenie, italic Ŕ te można zawsze śmiało wrzucać na zewnątrz i wewnątrz. Zagłębianie zwykłego
taga wewnątrz blokowego jest jak najbardziej OK i nie powinno rodzić żadnych niespodziewanych
efektÛw :).
Tagi zwykłe oraz blokowe – c.d.
Stosowanie zagłębienia automatycznie narzuca strukturę. Kolejność otwierania blokowych smarttagÛw wymusza zachowanie odpowiedniej kolejności przy ich zamykaniu Ŕ parami, od najbardziej
zagłębionego aż po najbardziej zewnętrzny. Tym samym otwarcia i zamknięcia muszą znajdować się
na tej samej „głębokościŗ kodu oraz wewnątrz tych samych, nadrzędnych tagÛw. Oto dobrze
zamknięte tagi
[aaa]
[bbb]
[c]
[/bbb]
[/aaa]
Poniżej trzy przykłady ktÛrych zdecydowanie NIE należy powtarzać :)
[ramka]
[pogrubienie]
[/ramka]
[/pogrubienie]
[ramka]
[pogrubienie]
[wyśrodkuj] [/pogrubienie] [/wyśrodkuj]
[/ramka]
Na deser jeszcze mistrzostwo świata czyli specjalny anty-przykład.
[ramka1]
[pogrubienie]
[/ramka1]
...
[ramka2]
[/pogrubienie]
[/ramka2]
O czym należy pamiętać
ponieważ zawartość nawiasÛw kwadratowych będzie automatycznie tłumaczona przez skrypt
smart-tagÛw, każdy tekst wpisany w nawiasach kwadratowych nie będzie widoczny na stronie.
Tym samym, stosowanie nawiasÛw kwadratowych w celu innym niż wstawienie na stronie smarttaga jest ZABRONIONE.
chcąc umieścić w treści znak na stronie znak nawiasu kwadratowego, należy posłużyć się kodem
służącym do wpisywania specjalnych znakÛw w HTMLu. Dla lewego i prawego nawiasu
kwadratowego są to odpowiednio: "[" oraz "]" (bez cudzysłowÛw). Pełna lista takich
kodÛw znajduje się na końcu tego dokumentu.
błedne smart tagi nie będą widoczne z punktu widzenia użytkownika Ŕ są w całości wycinane
przez skrypt.
Specyfikacja języka
1. Styl tekstu ( [b] oraz [/b] , [i] oraz [/i] , [u] oraz [/u] )
Tag blokowy Ŕ wymaga zamknięcia! Tag służący do zmiany tzw. „dekoracjiŗ tekstu, ktÛry znajdzie
się wewnątrz bloku. Odpowiednio:
[b] ... [/b] Ŕ pogrubienie (bold) ... ,
[i] ... [/i] Ŕ kursywa (italic) ... ,
[u] ... [/u] Ŕ podkreślenie (underline) ... .
Należy stosować bezpośrednio wokÛł wybranego tekstu o tak:
[ramka]
[b] ... [/b]
[/ramka]
zamiast umieszczania na zewnątrz bloku.
2. Linki / hiperłącza ( [a href=...] oraz [/a] )
Tag blokowy Ŕ wymaga zamknięcia! Tag służący do umieszczenia linka. Wszystko co znajdzie się
wewnątrz bloku będzie linkiem. Tag wymaga stosowania konkretnej struktury:
[a href="link" target="_blank"]
gdzie, ' link ' to adres, koniecznie razem z protokołem ("http:// ", "ftp:// " itp.) i koniecznie
umieszczony w cudzysłowie. Segment ' target="_blank" ř jest opcjonalny - umieszcza się go, jeśli
chcemy aby link otwierał się w nowym oknie.
Podobnie jak w wypadku tagÛw modyfikujących styl, należy umieszczać go bezpośrednio wokÛł
tesktu/obiektu, ktÛry ma być linkiem, na przykład:
[ramka]
[a href="http://www.gram.pl"]
to mój ulubiony portal
[/a]
[/ramka]
zamiast na zewnątrz ramki.
3. Przejście do nowej linii / brak-line ( [br], [span] oraz [p] )
Zwykły tag Ŕ działa w miejscu wstawienia. Tagi te służą do dzielenia tekstu wizualnie na mniejsze,
czytelniejsze dla użytkownika bloki.
* Pierwszy z nich Ŕ [br] Ŕ służy do zrobienia miękkiego entera (shif+enter, tak zwany „powrÛt
karetkiŗ ;). Po wstawieniu w treść [br], tekst znajdujący się po tym smart-tagu będzie rozpoczynał
się od nowej linii,
* Drugi z nich Ŕ [span] Ŕ działa analogicznie do [br] ale dodatkowo tworzy margines pod
poprzednią linią o wysokości 1,5 interlinii ( [br] < [span] < [br][br] )
* Trzeci tag Ŕ [p] Ŕ służy do przejścia do nowego akapitu. Po wstawieniu w treść [p], tekst
znajdujący się po tym smart tagu będzie rozpoczynał się w nowej linii z dodatkowym większym
odstępem od poprzedniej linii (ok 1.5).
OgÛlnie tagi [br] i [span] są mniej inwazyjne i można stosować je praktycznie wszędzie, nawet
wewnątrz punktowanych czy numerowanych list. Tag [p] (akapit) powinien być stosowany zawsze
na zewnątrz wszystkich innych tagÛw, gdyż umieszczenie go (przykładowo) wewnątrz
numerowanej listy wpłynie na przekłamanie numeracji kolejnych punktÛw.
4. Nagłówki, stronicowanie textu ( [sub] oraz [/sub], [str], [tytul] oraz [/tytul] )
* Pierwszy tag (blokowy) [sub] … [/sub] Ŕ służy do wstawienia nagłÛwka w odpowiednim stylu i
odstępem nad / i pod nim.
* Tag [str] powoduje wstawienie nowej strony Ŕ w danym miejscu następuje podział i rozpoczęcie
kolejnej strony. Odpowiednie menu do stronicowania tekstu zostanie wyświetlone automatycznie.
* Tag [tytul] … [/tytul] służy do nadania tytułu stronie Ŕ tytuł ten widoczny jest tylko w menu
stronicowania. Powinien znajdować się tuż po tagu nowej strony ([str]) lub jako pierwsza linia w
tekście (w przypadku pierwszej strony).
5. Lista numerowana/punktowana ( [lista] oraz [/lista], [#], [*] )
Ten tag jest trochę bardziej skomplikowanym tworem Ŕ składa się z jednego taga blokowego i
serii zwykłych tagÛw oraz wymusza stosowanie zagłębienia. Listę tworzy się wstawiając na
zewnątrz taga blokowego [lista] [/lista] a następnie umieszczając w środku tekst poprzedzony
zwykłymi tagami, zależnie od typu listy jaką chcemy stworzyć:
[#] Ŕ lista numerowana (1 , 2 , 3 , ....)
[*] Ŕ lista punktowana (kropki)
Należy pamiętać aby nie łączyć w obrębie jednej listy numerowania i punktowaina. Przykładowy
zapis tworzący listę wygląda następująco:
[ramka][lista]
[#]...
[#]...
[#]...
[/lista][/ramka]
Efektem takiego zapisu będzie umieszczona w ramce lista numerowana. Ponieważ odstęp między
cyfrą/punktem a tekstem jest tworzony automatycznie, tekst powinno się umieszczać od razu po
smart-tagu, bez spacji.
Umieszczenie akapitu [p] wewnątrz listy spowoduje automatycznie stworzenie nowego punktu.
Dlatego właśnie wewnątrz list Ŕ w wypadku konieczności przerwania linii - należy stosować [br].
6. Ramki ( [ramka] oraz [/ramka], [uwaga] oraz [/uwaga], [info] oraz [/info] )
Tag blokowy Ŕ wymaga zamknięcia! Tag służący do umieszczenia linka. Wszystko co znajdzie się
wewnątrz tych tagÛw będzie umieszczone w ramce. Ramki rÛżnią się jedynie kolorystyką i
wpływem na styl tekstu umieszczonego wewnątrz.
[ramka]
[lista]
[*]...
[*]...
[/lista]
[b]...[/b]
[/ramka]
Umieszczanie wewnątrz ramki obrazkÛw, innych ramek nie jest najlepszym pomysłem. Wewnątrz
ramki powinien znajdować się tekst i/lub lista. Formatowanie tekstu (b, i, u) są dozwolone
wszędzie.
7. Obrazki ( [imgNUMER] )
Zwykły tag. Umieszczone w nawiasach kwadratowych liczby z przedrostkiem img wpisuje się w
oparciu o numery przypisane w engine do uploadu obrazkÛw. Opcje dotyczące wyświetlania
samych obrazkÛw także ustawia się w adminie.
Lista kodów HTML
Poniższa tabela zawiera spis specjalnych znakÛw jakie można wstawiać w kod HTML. Większość z nich
jest niedostępna z klawiatury, część Ŕ mimo że dostępna Ŕ w wersji wpisanej prosto z klawiatury
(zamiast kodem) jest źle rozpoznawana przez kod HTML (np. ostre nawiasy zarezerwowane dla tagÛw
xHTML).
WśrÛd znakÛw znaleźć można sporo przydatnych Ŕ m.in. strzałki kierunkowe, symbole walut, ułamki.
Każdy kod (Code) można wstawić na stronę HTML aby uzyskać dany efekt (Display As:). Każdy z
kodÛw należy wpisywać razem z rozpoczynającym znakiem ampersand (&) oraz kończącym kod
średnikiem (;). Wpisywanie kodÛw z efektem „non-printingŗ jest zabronione.
Code
Name
&#09;
&#10;
&#13;
&#34; or &quot;
&#38; or &amp;
&#32;
&#33;
&#34; or &quot;
&#35;
&#36;
&#37;
&#38; or &amp;
&#39;
&#40;
&#41;
&#42;
&#43;
&#44;
&#45;
&#46;
&#47;
&#58;
&#59;
&#60; or &lt;
&#61;
&#62; or &gt;
&#63;
&#64;
&#91;
&#92;
&#93;
&#94;
&#95;
&#96;
&#123;
&#124;
Horizontal tab
Line feed
Carriage Return
quotation mark = APL quote
ampersand
Space
Exclamation mark
Quotation mark
Number sign
Dollar sign
Percent sign
Ampersand
Apostrophe
Left parenthesis
Right parenthesis
Asterisk
Plus sign
Comma
Hyphen
Period (fullstop)
Solidus (slash)
Colon
Semi-colon
Less than
Equals sign
Greater than
Question mark
Commercial at
Left square bracket
Reverse solidus (backslash)
Right square bracket
Caret
Horizontal bar (underscore)
Acute accent
Left curly brace
Vertical bar
Displays
As:
non-printing
non-printing
non-printing
" or "
& or &
non-printing
!
" or "
#
$
%
& or &
'
(
)
*
+
,
.
/
:
;
< or <
=
> or >
?
@
[
\
]
^
_
`
{
|
Code
&#125;
&#126;
Name
Right curly brace
Tilde
&#146 is non-standard! use &#8217; instead!
&endash; or &#150; are non-standard! use &#8211; instead!
&emdash; or &#151; are non-standard! use &#8212; instead!
&#160; or &nbsp;
no-break space = non-breaking space
&#161; or &iexcl;
inverted exclamation mark
&#162; or &cent;
Cent sign
&#163; or &pound;
Pound sterling
&#164; or &curren;
General currency sign
&#165; or &yen;
yen sign = yuan sign
&#166; or &brvbar;
pipe or broken bar = broken vertical bar
&#167; or &sect;
Section sign
&#168; or &uml;
diaeresis = spacing diaeresis
&#169; or &copy;
copyright sign
&#170; or &ordf;
feminine ordinal indicator
&#171; or &laquo; left-pointing double angle quotation mark = left pointing guillemet
&#172; or &not;
not sign
&#173; or &shy;
soft hyphen = discretionary hyphen
&#174; or &reg;
registered sign = registered trade mark sign
&#175; or &macr;
macron = spacing macron = overline = APL overbar
&#176; or &deg;
degree sign
&#177; or &plusmn;
plus-minus sign = plus-or-minus sign
&#178; or &sup2;
superscript two = superscript digit two = squared
&#179; or &sup3;
superscript three = superscript digit three = cubed
&#180; or &acute;
acute accent = spacing acute
&#181; or &micro;
micro sign
&#182; or &para;
pilcrow sign = paragraph sign
&#183; or &middot;
middle dot = Georgian comma = Greek middle dot
&#184; or &cedil;
cedilla = spacing cedilla
&#185; or &sup1;
superscript one = superscript digit one
&#186; or &ordm;
masculine ordinal indicator
right-pointing double angle quotation mark = right pointing
&#187; or &raquo;
guillemet
&#188; or &frac14;
vulgar fraction one quarter = fraction one quarter
&#189; or &frac12;
vulgar fraction one half = fraction one half
&#190; or &frac34;
vulgar fraction three quarters = fraction three quarters
&#191; or &iquest;
inverted question mark = turned question mark
&#192; or &Agrave;
latin capital letter A with grave = latin capital letter A grave
&#193; or &Aacute;
latin capital letter A with acute
&#194; or &Acirc;
latin capital letter A with circumflex
&#195; or &Atilde;
latin capital letter A with tilde
&#196; or &Auml;
latin capital letter A with diaeresis
&#197; or &Aring;
latin capital letter A with ring above = latin capital letter A ring
&#198; or &AElig;
latin capital letter AE = latin capital ligature AE
&#199; or &Ccedil;
latin capital letter C with cedilla
&#200; or &Egrave;
latin capital letter E with grave
&#201; or &Eacute;
latin capital letter E with acute
&#202; or &Ecirc;
latin capital letter E with circumflex
Displays
As:
}
~
¡
æ
ç
¤
ø
¦
è
ð
í
ª
«
¬
ì
¯
å
õ
²
³
ï
ù
ê
·
¸
¹
º
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
or
¡
æ
ç
¤
ø
¦
è
ð
í
ª
«
¬
ì
¯
å
õ
²
³
ï
ù
ê
·
¸
¹
º
» or »
µ or
´ or
¶ or
¿ or
À or
Á or
 or
à or
Ä or
Å or
ò or
Æ or
È or
Ç or
Ê or
µ
´
¶
¿
À
Á
Â
Ã
Ä
Å
ò
Æ
È
Ç
Ê
Code
Name
&#203; or &Euml;
&#204; or &Igrave;
&#205; or &Iacute;
&#206; or &Icirc;
&#207; or &Iuml;
&#208; or &ETH;
&#209; or &Ntilde;
&#210; or &Ograve;
&#211; or &Oacute;
&#212; or &Ocirc;
&#213; or &Otilde;
&#214; or &Ouml;
&#215; or &times;
&#216; or &Oslash;
&#217; or &Ugrave;
&#218; or &Uacute;
&#219; or &Ucirc;
&#220; or &Uuml;
&#221; or &Yacute;
&#222; or &THORN;
&#223; or &szlig;
&#223; or &szlig;
&#224; or &agrave;
&#225; or &aacute;
&#226; or &acirc;
&#227; or &atilde;
&#228; or &auml;
&#229; or &aring;
&#230; or &aelig;
&#231; or &ccedil;
&#232; or &egrave;
&#233; or &eacute;
&#234; or &ecirc;
&#235; or &euml;
&#236; or &igrave;
&#237; or &iacute;
&#238; or &icirc;
&#239; or &iuml;
&#240; or &eth;
&#241; or &ntilde;
&#242; or &ograve;
&#243; or &oacute;
&#244; or &ocirc;
&#245; or &otilde;
&#246; or &ouml;
&#247; or &divide;
&#248; or &oslash;
&#249; or &ugrave;
&#250; or &uacute;
latin capital letter E with diaeresis
latin capital letter I with grave
latin capital letter I with acute
latin capital letter I with circumflex
latin capital letter I with diaeresis
latin capital letter ETH
latin capital letter N with tilde
latin capital letter O with grave
latin capital letter O with acute
latin capital letter O with circumflex
latin capital letter O with tilde
latin capital letter O with diaeresis
multiplication sign
latin capital letter O with stroke = latin capital letter O slash
latin capital letter U with grave
latin capital letter U with acute
latin capital letter U with circumflex
latin capital letter U with diaeresis
latin capital letter Y with acute
latin capital letter THORN
Small sharp s, German (sz ligature)
latin small letter sharp s = ess-zed
latin small letter a with grave = latin small letter a grave
latin small letter a with acute
latin small letter a with circumflex
latin small letter a with tilde
latin small letter a with diaeresis
latin small letter a with ring above = latin small letter a ring
latin small letter ae = latin small ligature ae
latin small letter c with cedilla
latin small letter e with grave
latin small letter e with acute
latin small letter e with circumflex
latin small letter e with diaeresis
latin small letter i with grave
latin small letter i with acute
latin small letter i with circumflex
latin small letter i with diaeresis
latin small letter eth
latin small letter n with tilde
latin small letter o with grave
latin small letter o with acute
latin small letter o with circumflex
latin small letter o with tilde
latin small letter o with diaeresis
division sign
latin small letter o with stroke, = latin small letter o slash
latin small letter u with grave
latin small letter u with acute
Displays
As:
Ë or Ë
Ð or Ð
Í or Í
Î or Î
Ï or Ï
Ð or Ð
È or È
Ó or Ó
Ñ or Ñ
Ò or Ò
Õ or Õ
É or É
× or ×
ó or ó
Ö or Ö
Ô or Ô
Õ or Õ
Ê or Ê
Ý or Ý
Þ or Þ
ë or ë
ë or ë
Ì or Ì
Ë or Ë
Í or Í
Ï or Ï
Î or Î
Ð or Ð
æ or æ
Ñ or Ñ
Ó or Ó
Ò or Ò
Ô or Ô
Õ or Õ
× or ×
Ö or Ö
Ø or Ø
Ù or Ù
ð or ð
Ú or Ú
Ü or Ü
Û or Û
Ý or Ý
ß or ß
Þ or Þ
Ś or Ś
ø or ø
á or á
à or à
Code
Name
&#251; or &ucirc;
&#252; or &uuml;
&#253; or &yacute;
&#254; or &thorn;
&#255; or &yuml;
&#338; or &OElig;
&#339; or &oelig;
&#352; or &Scaron;
&#353; or &scaron;
&#376; or &Yuml;
&#402; or &fnof;
&#710; or &circ;
&#732; or &tilde;
&#913; or &Alpha;
&#914; or &Beta;
&#915; or &Gamma;
&#916; or &Delta;
&#917; or &Epsilon;
&#918; or &Zeta;
&#919; or &Eta;
&#920; or &Theta;
&#921; or &Iota;
&#922; or &Kappa;
&#923; or &Lambda;
&#924; or &Mu;
&#925; or &Nu;
&#926; or &Xi;
&#927; or &Omicron;
&#928; or &Pi;
&#929; or &Rho;
&#931; or &Sigma;
&#932; or &Tau;
&#933; or &Upsilon;
&#934; or &Phi;
&#935; or &Chi;
&#936; or &Psi;
&#937; or &Omega;
&#945; or &alpha;
&#946; or &beta;
&#947; or &gamma;
&#948; or &delta;
&#949; or &epsilon;
&#950; or &zeta;
&#951; or &eta;
&#952; or &theta;
&#953; or &iota;
&#954; or &kappa;
&#955; or &lambda;
&#956; or &mu;
latin small letter u with circumflex
latin small letter u with diaeresis
latin small letter y with acute
latin small letter thorn
Small y, dieresis or umlaut mark
latin capital ligature OE
latin small ligature oe
latin capital letter S with caron
latin small letter s with caron
latin capital letter Y with diaeresis
latin small f with hook = function = florin
modifier letter circumflex accent
small tilde
greek capital letter alpha
greek capital letter beta
greek capital letter gamma
greek capital letter delta
greek capital letter epsilon
greek capital letter zeta
greek capital letter eta
greek capital letter theta
greek capital letter iota
greek capital letter kappa
greek capital letter lambda
greek capital letter mu
greek capital letter nu
greek capital letter xi
greek capital letter omicron
greek capital letter pi
greek capital letter rho
greek capital letter sigma
greek capital letter tau
greek capital letter upsilon
greek capital letter phi
greek capital letter chi
greek capital letter psi
greek capital letter omega
greek small letter alpha
greek small letter beta
greek small letter gamma
greek small letter delta
greek small letter epsilon
greek small letter zeta
greek small letter eta
greek small letter theta
greek small letter iota
greek small letter kappa
greek small letter lambda
greek small letter mu
Displays
As:
â or â
ã or ã
ý or ý
þ or þ
Ŝ or Ŝ
Œ or Œ
œ or œ
Š or Š
š or š
Ÿ or Ÿ
ƒ or ƒ
ˆ or ˆ
˜ or ˜
Α or Α
Β or Β
Γ or Γ
Γ or Γ
Δ or Δ
Ε or Ε
Ζ or Ζ
Θ or Θ
Η or Η
Θ or Θ
Ι or Ι
Κ or Κ
Λ or Λ
Μ
Ν or Ν
Ξ or Ξ
Ο or Ο
Π or Π
Ρ or Ρ
΢ or ΢
Φ or Φ
Σ or Σ
Τ or Τ
Υ or Υ
α or α
β or β
γ or γ
δ or δ
ε or ε
δ or δ
ε or ε
ζ or ζ
η or η
θ or θ
ι or ι
κ or κ
Code
Name
&#957; or &nu;
&#958; or &xi;
&#959; or &omicron;
&#960; or &pi;
&#961; or &rho;
&#962; or &sigmaf;
&#963; or &sigma;
&#964; or &tau;
&#965; or &upsilon;
&#966; or &phi;
&#967; or &chi;
&#968; or &psi;
&#969; or &omega;
&#977; or
&thetasym;
greek small letter nu
greek small letter xi
greek small letter omicron
greek small letter pi
greek small letter rho
greek small letter final sigma
greek small letter sigma
greek small letter tau
greek small letter upsilon
greek small letter phi
greek small letter chi
greek small letter psi
greek small letter omega
Displays
As:
λ or λ
μ
ν or ν
π or π
ξ or ξ
ο or ο
ζ or ζ
η or η
π or π
θ or θ
ρ or ρ
ς or ς
σ or σ
greek small letter theta symbol
ϑ or ϑ
&#978; or &upsih;
greek upsilon with hook symbol
ϒ or ϒ
&#982; or &piv;
greek pi symbol
&#8194; or &ensp;
&#8195; or &emsp;
en space
em space
ϖ or ϖ
or
or
&#8201; or &thinsp;
thin space
or &#8204; or &zwnj;
&#8205; or &zwj;
&#8206; or &lrm;
&#8207; or &rlm;
&#8211; or &ndash;
&#8212; or &mdash;
&#8216; or &lsquo;
&#8217; or &rsquo;
&#8218; or &sbquo;
&#8220; or &ldquo;
&#8221; or &rdquo;
&#8222; or &bdquo;
&#8224; or &dagger;
&#8225; or &Dagger;
&#8226; or &bull;
&#8230; or &hellip;
&#8240; or &permil;
&#8242; or &prime;
&#8243; or &Prime;
&#8249; or &lsaquo;
&#8250; or &rsaquo;
&#8254; or &oline;
&#8260; or &frasl;
&#8364; or &euro;
zero width non-joiner
zero width joiner
left-to-right mark
right-to-left mark
en dash
em dash
left single quotation mark
right single quotation mark
single low-9 quotation mark
left double quotation mark
right double quotation mark
double low-9 quotation mark
dagger
double dagger
bullet = black small circle
horizontal ellipsis = three dot leader
per mille sign
prime = minutes = feet
double prime = seconds = inches
single left-pointing angle quotation mark
single right-pointing angle quotation mark
overline = spacing overscore
fraction slash
euro sign
or
or
&#8465; or &image;
blackletter capital I = imaginary part
ℑ or ℑ
&#8472; or &weierp;
script capital P = power set = Weierstrass p
℘ or ℘
&#8476; or &real;
blackletter capital R = real part symbol
&#8482; or &trade;
trade mark sign
ℜ or ℜ
î or î
Ŕ or
ŕ or
Ř or
ř or
‚ or
Ŗ or
ŗ or
„ or
ä or
‡ or
é or
… or
‰ or
′ or
″ or
‹ or
› or
‾ or
⁄ or
€ or
Ŕ
ŕ
Ř
ř
‚
Ŗ
ŗ
„
ä
‡
é
…
‰
′
″
‹
›
‾
⁄
€
Code
&#8501; or
&alefsym;
&#8592; or &larr;
&#8593; or &uarr;
&#8594; or &rarr;
&#8595; or &darr;
&#8596; or &harr;
Name
Displays
As:
alef symbol = first transfinite cardinal
ℵ or ℵ
leftwards arrow
upwards arrow
rightwards arrow
downwards arrow
left right arrow
←
↑
→
↓
↔
or
or
or
or
or
←
↑
→
↓
↔
&#8629; or &crarr;
downwards arrow with corner leftwards = carriage return
↵ or ↵
&#8656; or &lArr;
leftwards double arrow
⇐ or ⇐
&#8657; or &uArr;
upwards double arrow
⇑ or ⇑
⇒ or ⇒
&#8658; or &rArr;
rightwards double arrow
&#8659; or &dArr;
downwards double arrow
&#8660; or &hArr;
&#8704; or &forall;
&#8706; or &part;
&#8707; or &exist;
left right double arrow
for all
partial differential
there exists
&#8709; or &empty;
empty set = null set = diameter
&#8711; or &nabla;
&#8712; or &isin;
nabla = backward difference
element of
&#8713; or &notin;
not an element of
&#8715; or &ni;
&#8719; or &prod;
&#8721; or &sum;
&#8722; or &minus;
contains as member
n-ary product = product sign
n-ary sumation
minus sign
&#8727; or &lowast;
asterisk operator
&#8730; or &radic;
&#8733; or &prop;
&#8734; or &infin;
&#8736; or &ang;
&#8743; or &and;
&#8744; or &or;
&#8745; or &cap;
&#8746; or &cup;
&#8747; or &int;
&#8756; or &there4;
&#8764; or &sim;
square root = radical sign
proportional to
infinity
angle
logical and = wedge
logical or = vee
intersection = cap
union = cup
integral
therefore
tilde operator = varies with = similar to
&#8773; or &cong;
approximately equal to
&#8776; or &asymp;
&#8800; or &ne;
&#8801; or &equiv;
&#8804; or &le;
&#8805; or &ge;
&#8834; or &sub;
&#8835; or &sup;
almost equal to = asymptotic to
not equal to
identical to
less-than or equal to
greater-than or equal to
subset of
superset of
&#8836; or &nsub;
not a subset of
&#8838; or &sube;
&#8839; or &supe;
subset of or equal to
superset of or equal to
⇓ or
⇔ or
∀ or
ú or
∃ or
⇓
⇔
∀
ú
∃
∅ or ∅
∇ or ∇
∈ or ∈
∉
∋
ü
û
−
or
or
or
or
or
∉
∋
ü
û
−
∗
√
∝
ô
∠
∧
∨
∩
∪
∫
∴
∼
or
or
or
or
or
or
or
or
or
or
or
or
∗
√
∝
ô
∠
∧
∨
∩
∪
∫
∴
∼
≅
≈
ñ
≡
ö
÷
⊂
⊃
or
or
or
or
or
or
or
or
≅
≈
ñ
≡
ö
÷
⊂
⊃
⊄ or ⊄
⊆ or ⊆
⊇ or ⊇
Displays
As:
⊕ or ⊕
Code
Name
&#8853; or &oplus;
circled plus = direct sum
&#8855; or &otimes;
circled times = vector product
&#8869; or &perp;
up tack = orthogonal to = perpendicular
⊗ or ⊗
⊥ or ⊥
&#8901; or &sdot;
dot operator
⋅ or ⋅
&#8968; or &lceil;
left ceiling = apl upstile
⌈ or ⌈
&#8969; or &rceil;
right ceiling
⌉ or ⌉
&#8970; or &lfloor;
left floor = apl downstile
⌊ or ⌊
&#8971; or &rfloor;
right floor
⌋ or ⌋
&#9001; or &lang;
left-pointing angle bracket = bra
〈 or 〈
&#9002; or &rang;
right-pointing angle bracket = ket
〉 or 〉
&#9674; or &loz;
&#9824; or &spades;
&#9827; or &clubs;
&#9829; or &hearts;
&#9830; or &diams;
lozenge
black spade suit
black club suit = shamrock
black heart suit = valentine
black diamond suit
ś
♠
♣
♥
♦
or ś
or ♠
or ♣
or ♥
or ♦