Encje (HTML5 canvas)

Encje

Istnienie rozlicznych stron kodowych powoduje problemy z wyświetlaniem znaków innych niż znaki języka angielskiego (ASCII). Podobny problem powstaje, gdy na stronie chcemy umieścić znaki, które używane są w standardzie HTML, CSS czy JavaScript.

Wtedy należy użyć encji, czyli znaków zastępujących przewidzianych dla HTML lub znaków zastępujących rozpoznawanych jako Unicode (UTF-8).

Encje są przydatne również, gdy chcemy umieścić w tekście znaki niedostępne z klawiatury.

Wybrane encje HTML oraz sekwencje Java/JavaScript i CSS dla polskich liter i innych znaków narodowych, interpunkcyjnych, matematycznych i specjalnych

Tab. Polskie litery

Litera	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
ą	ą	ą	—	\u0105	\000105
ć	ć	ć	—	\u0107	\000107
ę	ę	ę	—	\u0119	\000119
ł	ł	ł	—	\u0142	\000142
ń	ń	ń	—	\u0144	\000144
ó	ó	ó	ó	\u00F3 \xF3	\0000F3
ś	ś	ś	—	\u015B	\00015B
ź	ź	ź	—	\u017A	\00017A
ż	ż	ż	—	\u017C	\00017C
Ą	Ą	Ą	—	\u0104	\000104
Ć	Ć	Ć	—	\u0106	\000106
Ę	Ę	Ę	—	\u0118	\000118
Ł	Ł	Ł	—	\u0141	\000141
Ń	Ń	Ń	—	\u0143	\000143
Ó	ò	ò	Ó	\u00F2 \xF2	\0000F2
Ś	Ś	Ś	—	\u015A	\00015A
Ź	Ź	Ź	—	\u0179	\000179
Ż	Ż	Ż	—	\u017B	\00017B

 

Tab. Niektóre inne litery

Litera	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
à	à	à	à	\u00E0 \xE0	\0000E0
ê	ê	ê	ê	\u00EA \xEA	\0000EA
À	À	À	À	\u00C0 \xC0	\0000C0
Ê	Ê	Ê	Ê	\u00CA \xCA	\0000CA
é	é	é	é	\u00E9 \xE9	\0000E9
É	É	É	É	\u00C9 \xC9	\0000C9
ọ	ọ	ọ	—	\u1ECD	\001ECD
ä	ä	ä	ä	\u00E4 \xE4	\0000E4
ö	ö	ö	ö	\u00F6 \xF6	\0000F6
ü	ü	ü	ü	\u00FC \xFC	\0000FC
ß	ß	ß	ß	\u00DF \xDF	\0000DF
Ä	Ä	Ä	Ä	\u00C4 \xC4	\0000C4
Ö	Ö	Ö	Ö	\u00D6 \xD6	\0000D6
Ü	Ü	Ü	Ü	\u00DC \xDC	\0000DC

 

Tab. Znaki diakrytyczne, których można użyć z
literami (stawiane po literze)

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
́	́	́	—	\u0301	\000301
̨	̨	̨	—	\u0328	\000328
̇	̇	̇	—	\u0307	\000307
̈	̈	̈	—	\u0308	\000308
̀	̀	̀	—	\u0300	\000300
̧	̧	̧	—	\u0327	\000327
̂	̂	̂	—	\u0302	\000302
̃	̃	̃	—	\u0303	\000303
̊	̊	̊	—	\u030A	\00030A
̋	̋	̋	—	\u030B	\00030B
̌	̌	̌	—	\u030C	\00030C
̄	̄	İ	—	\u0304	\000304
̆	̆	̆	—	\u0306	\000306
̦	̦	̦	—	\u0326	000326
̣	̣	̣	—	\u0323	\000323

 

Tab. Spacje i znaki interpunkcyjne

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
| |	 	 	 	\u00A \xA0	\0000A0
| |	 	 	 	\u2002	\00202
| |	 	 	 	\u2003	\002003
| |	 	 	—	\u2004	\002004
| |	 	 	—	\u2005	\002005
| |	 	 	—	\u2006	\002006
| |	 	 	 	\u2009	\002009
| |	 	 	—	\u200A	\00200A
|​|	​	​	—	\u200B	\00200B
–	–	–	–	\u2013	\002013
—	—	—	—	\u2014	\002014
­	­	­	­	\u00AD \xAD	\0000AD
‐	‐	‐	—	\u2010	\002010
‑	‑	‑	—	\u2011	\002011
„	„	„	„	\u201E	\00201E
”	”	”	”	\u201D	\00201D
’	’	’	’	\u2019	\002019
«	«	«	«	\u00AB \xAB	\0000AB
»	»	»	»	\u00BB \xBB	\0000BB
"	"	"	"	\u0022 \x22	\000022
’	'	'	(')	\u0027 \x27	\000027
…	…	…	…	\u2026	\002026
‒	‒	‒	—	\u2012	\002012

 

Tab. Symbole matematyczne i techniczne

Sym­bol	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
×	×	×	×	\u00D7 \xD7	\0000D7
÷	÷	÷	÷	\u00F7 \xF7	\0000F7
⁄	⁄	⁄	⁄	\u2044	\002044
∕	∕	∕	—	\u2215	\002215
−	−	−	−	\u2212	\002212
<	&#60;	&#x3C;	&lt;	\u003C \x3C	\00003C
>	&#62;	&#x3E;	&gt;	\u003E \x3E	\00003E
≪	&#8810;	&#x226A;	—	\u226A	\00226A
≫	&#8811;	&#x226B;	—	\u226B	\00226B
≮	&#8814;	&#x226E;	—	\u226E	\00226E
≯	&#8815;	&#x226F;	—	\u226F	\00226F
≈	&#8776;	&#x2248;	&asymp;	\u2248	\002248
≤	&#8804;	&#x2264;	&le;	\u2264	\002264
≥	&#8805;	&#x2265;	&ge;	\u2265	\002265
≠	&#8800;	&#x2260;	&ne;	\u2260	\002260
√	&#8730;	&#x221A;	&radic;	\u221A	\00221A
∛	&#8731;	&#x221B;	–	\u221B	\00221B
‾	&#8254;	&#x203E;	—	\u203E	\00203E
⌀	&#8960;	&#x2300;	—	\u2300	\002300
∆	&#8710;	&#x2206;	—	\u2206	\002206
∞	&#8734;	&#x221E;	&infin;	\u221E	\00221E
Ω	&#8486;	&#x2126;	—	\u2126	\002126
µ	&#181;	&#xB5;	&micro;	\u00B5 \xB5	\0000B5
‰	&#8240;	&#x2030;	&permil;	\u2030	\002030
°	&#176;	&#xB0;	&deg;	\u00B0 \xB0	\0000B0
′	&#8242;	&#x2032;	&prime;	\u2032	\002032
″	&#8243;	&#x2033;	&Prime;	\u2033	\002033
¬	&#172;	&#xAC;	&not;	\u00AC \xAC	\0000AC
∧	&#8743;	&#x2227;	&and;	\u2227	\002227
∨	&#8744;	&#x2228;	&or;	\u2228	\002228
⊻	&#8891;	&#x22BB;	—	\u22BB	\0022BB
∈	&#8712;	&#x2208;	&isin;	\u2208	\002208
∉	&#8713;	&#x2209;	&notin;	\u2209	\002209
∋	&#8715;	&#x220B;	&ni;	\u220B	\00220B
∪	&#8746;	&#x222A;	&cup;	\u222A	\00222A
∩	&#8745;	&#x2229;	&cap;	\u2229	\002229
⊂	&#8834;	&#x2282;	&sub;	\u2282	\002282
⊄	&#8836;	&#x2284;	&nsub;	\u2284	\002284
⊃	&#8835;	&#x2283;	&nsub;	\u2283	\002283
∀	&#8704;	&#x2200;	&forall;	\u2200	\002200
∃	&#8707;	&#x2203;	&exist;	\u2203	\002203
∅	&#8709;	&#x2205;	&empty;	\u2205	\002205
π	&#960;	&#x3C0;	&pi;	\u03C0	\0003C0
∟	&#8735;	&#x221F;	—	\u221F	\00221F
∠	&#8736;	&#x2220;	&ang;	\u2220	\002220
∡	&#8737;	&#x2221;	—	\u2221	\002221
α	&#945;	&#x3B1;	&alpha;	\u03B1	\0003B1
β	&#946;	&#x3B2;	&beta;	\u03B2	\0003B2
γ	&#947;	&#x3B3;	&gamma;	\u03B3	\0003B3
∥	&#8741;	&#x2225;	—	\u2225	\002225
∦	&#8742;	&#x2226;	—	\u2226	\002226

 

Tab. Ułamki

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
⅛	⅛	⅛	—	\u215B	\00215B
⅙	⅙	⅙	—	\u2159	\002159
⅕	⅕	⅕	—	\u2155	\002155
¼	¼	¼	¼	\u00BC \xBC	\0000BC
⅓	⅓	⅓	—	\u2153	\002153
⅜	⅜	⅜	—	\u215C	\00215C
⅖	⅖	⅖	—	\u2156	\002156
½	½	½	½	\u00BD \xBD	\0000BD
⅗	⅗	⅗	—	\u2157	\002157
⅝	⅝	⅝	—	\u215D	\00215D
⅔	⅔	⅔	—	\u2154	\002154
¾	¾	¾	¾	\u00BE \xBE	\0000BE
⅘	⅘	⅘	—	\u2158	\002158
⅚	⅚	⅚	—	\u215A	\00215A
⅞	⅞	⅞	—	\u215E	\00215E
⅟	⅟	⅟	—	\u215F	\00215F

 

Cyfry i ine znaki w górnym i dolnym indeksie

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
⁰	⁰	⁰	—	\u2070	\002070
¹	¹	¹	¹	\u00B9 \xB9	\0000B9
²	²	²	²	\u00B2 \xB2	\0000B2
³	³	³	³	\u00B3 \xB3	\0000B3
⁴	⁴	⁴	—	\u2074	\002074
⁵	⁵	⁵	—	\u2075	\002075
⁶	⁶	⁶	—	\u2076	\002076
⁷	⁷	⁷	—	\u2077	\002077
⁸	⁸	⁸	—	\u2078	\002078
⁹	⁹	⁹	—	\u2079	\002079
ⁿ	ⁿ	ⁿ	—	\u207F	\00207F
⁺	⁺	⁺	—	\u207A	\00207A
⁻	⁻	⁻	—	\u207B	\00207B
⁽	⁽	⁽	—	\u207D	\00207D
⁾	⁾	⁾	—	\u207E	\00207E
₀	₀	₀	—	\u2080	\002080
₁	₁	₁	—	\u2081	\002081
₂	₂	₂	—	\u2082	\002082
₃	₃	₃	—	\u2083	\002083
₄	₄	₄	—	\u2084	\002084
₅	₅	₅	—	\u2085	\002085
₆	₆	₆	—	\u2086	\002086
₇	₇	₇	—	\u2087	\002087
₈	₈	₈	—	\u2088	\002088
₉	₉	₉	—	\u2089	\002089

 

Tab. Strzałki

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
←	←	←	←	\u2190	\002190
↑	↑	↑	↑	\u2191	\002191
→	→	→	→	\u2192	\002192
↓	↓	↓	↓	\u2193	\002193
↔	↔	↔	↔	\u2194	\002194
↕	↕	↕	—	\u2195	\002195
↖	↖	↖	—	\u2196	\002196
↗	↗	↗	—	\u2197	\002197
↘	↘	↘	—	\u2198	\002198
↙	↙	↙	—	\u2199	\002199
⇆	⇆	⇆	—	\u21C6	\0021C6
⇐	⇐	⇐	⇐	\u21D0	\0021D0
⇑	⇑	⇑	⇑	\u21D1	\0021D1
⇒	⇒	⇒	⇒	\u21D2	\0021D2
⇓	⇓	⇓	⇓	\u21D3	\0021D3
⇔	⇔	⇔	⇔	\u21D4	\0021D4
⇕	⇕	⇕	—	\u21D5	\0021D5
⇖	⇖	⇖	—	\u21D6	\0021D6
⇗	⇗	⇗	—	\u21D7	\0021D7
⇘	⇘	⇘	—	\u21D8	\0021D8
⇙	⇙	⇙	—	\u21D9	\0021D9
↵	↵	↵	↵	\u21B5	\0021B5

 

Tab. Figury szachowe i kolory karciane

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS	Uwagi
	Encja dzie­siętna	Encja hex	Encja symboliczna
♔	♔	♔	—	\u2654	\002654	Biały król
♕	♕	♕	—	\u2655	\002655	Biały hetman
♖	♖	♖	—	\u2656	\002656	Biała wieża
♗	♗	♗	—	\u2657	\002657	Biały goniec
♘	♘	♘	—	\u2658	\002658	Biały skoczek
♙	♙	♙	—	\u2659	\002659	Biały pionek
♚	♚	♚	—	\u265A	\00265A	Czarny król
♛	♛	♛	—	\u265B	\00265B	Czarny hetman
♜	♜	♜	—	\u265C	\00265C	Czarna wieża
♝	♝	♝	—	\u265D	\00265D	Czarny goniec
♞	♞	♞	—	\u265E	\00265E	Czarny skoczek
♟	♟	♟	—	\u265F	\00265F	Czarny pionek
♠	♠	♠	♠	\u2660	\002660	Piki (symbol wypełniony)
♥	♥	♥	♥	\u2665	\002665	Kiery (symbol wypełniony). Kolor uzyskany dzięki stylowi
♦	♦	♦	♦	\u2666	\002666	Kara (symbol wypełniony). Kolor uzyskany dzięki stylowi
♣	♣	♣	♣	\u2663	\002663	Trefle (symbol wypełniony)
♤	♤	♤	—	\u2664	\002664	Piki (kontur)
♡	♡	♡	—	\u2661	\002661	Kiery (kontur). Kolor uzyskany dzięki stylowi
♢	♢	♢	—	\u2662	\002662	Kara (kontur). Kolor uzyskany dzięki stylowi
♧	♧	♨	—	\u2668	\002668	Trefle (kontur)

 

Tab. Inne znaki specjalne

Znak	(X)HTML			Sekwencja Java/JavaScript	Sekwencja CSS
	Encja dziesiętna	Encja hex	Encja symboliczna
&	&	&	&	\u0026 \x26	\000026
§	§	§	§	\u00A7 \xA7	\0000A7
•	•	•	•	\u2022	\002022
‹	‹	‹	‹	\u2039	\002039
›	›	›	’	\u203A	\00203A
†	†	†	†	\u2020	\002020
‡	‡	‡	‡	\u2021	\002021
™	™	™	™	\u2122	\002122
®	®	®	®	\u00AE \xAE	\0000AE
©	©	©	©	\u00A9 \xA9	\0000A9
€	€	€	€	\u20AC	\0020AC
¢	¢	¢	¢	\u00A2 \xA2	\0000A2
£	£	£	£	\u00A3 \xA3	\0000A3
¥	¥	¥	¥	\u00A5 \xA5	\0000A5