Speciální znaky HTML jsou speciální jazykové konstrukce, které odkazují na znaky ze znakové sady používané v textových souborech. Tabulka zobrazuje seznam vyhrazených a speciálních znaků, které nelze přidat do zdrojového kódu HTML dokumentu pomocí klávesnice:

• znaky, které nelze zadat pomocí klávesnice (například symbol autorských práv)
• znaky určené k označení (například znak větší nebo menší než)

Tyto znaky se přidávají pomocí číselného kódu nebo názvu.

Symbol	Číselný kód	Název symbolu	Popis
"	"	"	uvozovka
"	"	"	apostrof
&	&	&	ampersand
<		<	méně než znamení
>	>	>	více znamení
			nezalomitelná mezera (Nezalomitelná mezera je mezera, která se objevuje uvnitř řádku jako běžná mezera, ale neumožňuje zobrazovacím a tiskařským programům v tomto bodě řádek přerušit.)
¡	¡	¡	obrácený vykřičník
¢	¢	¢	cent
£	£	£	lb.
¤	¤	¤	měn
¥	¥	¥	yen
¦	¦	¦	zlomený svislý pruh
§	§	§	sekce
¨	¨	¨	interval (azbuka)
	©		autorská značka
ª	ª	ª	ženský řadový exponent
«	«	«	Francouzské uvozovky (rybí kost) - vlevo
¬	¬	¬	negace-výrazy
®	®	®	registrovaná ochranná známka
¯	¯	¯	makronový interval
°	°	°	stupeň
±	±	±	plus nebo mínus
²	²	²	horní index 2
³	³	³	horní index 3
´	´	´	akutní interval
µ	µ	µ	mikro
¶	¶	¶	odstavec
·	·	·	střed
¸	¸	¸	interval cedilla
¹	¹	¹	horní index 1
º	º	º	mužský řadový exponent
»	»	»	Francouzské uvozovky (rybí kost) - správně
¼	¼	¼	1/4 dílu
½	½	½	1/2 dílu
¾	¾	¾	3/4 dílů
¿	¿	¿	obrácený otazník
×	×	×	násobení
÷	÷	÷	divize
́	́		důraz
Œ	Œ	Œ	kapitálová ligatura OE
œ	œ	œ	malá ligatura oe
Š	Š	Š	S s korunkou
š	š	š	malé písmeno S s korunkou
Ÿ	Ÿ	Ÿ	velké Y s diadémem
ƒ	ƒ	ƒ	f s háčkem
ˆ	ˆ	ˆ	dikmatický přízvuk
˜	˜	˜	malá vlnovka
–	–	-	pomlčka
—	—	—	em pomlčka
‘	‘	‘	levý jediný citát
’	’	’	správná jediná citace
‚	‚	‚	spodní jednoduchá citace
“	“	“	levé dvojité uvozovky
”	”	”	pravé dvojité uvozovky
„	„	„	spodní dvojité uvozovky
†	†	†	dýka
‡	‡	‡	dvojitá dýka
		.	kulka
…	…	…	horizontální elipsa
‰	‰	‰	ppm (tisíciny)
′	′	′	minut
″	″	″	sekundy
‹	‹	‹	jeden levý roh citace
›	›	›	jeden pravý roh citace
‾	‾	‾	překrytí
€	€	€	Euro
™	™ nebo	™	ochranná známka
←	←	←	šipka vlevo
			šipka nahoru
→	→	→	šipka vpravo
↓	↓	↓	šipka dolů
↔	↔	↔	dvojitá šipka
↵	↵	↵	šipka návratu vozíku
⌈	⌈	⌈	levý horní roh
⌉	⌉	⌉	pravý horní roh
⌊	⌊	⌊	levý dolní roh
⌋	⌋	⌋	pravý dolní roh
◊	◊	◊	kosočtverec
♠	♠	♠	vrcholy
♣	♣	♣	přejít
			červy
♦	♦	♦	diamanty

Matematické symboly podporované v HTML

Symbol	Číselný kód	Název symbolu	Popis
∀	∀	∀	pro kohokoli, pro všechny
∂	∂	∂	Část
∃	∃	∃	existuje
∅	∅	∅	prázdná sada
∇	∇	∇	Hamilton operátor (nabla)
∈	∈	∈	patří do sady
∉	∉	∉	nepatří do sady
∋	∋	∋	nebo
∏	∏	∏	práce
∑	∑	∑	součet
−	−	−	mínus
∗	∗	∗	násobení nebo operátor konjugovaný k
×	×	&krát	znak násobení
√	√	√	Odmocnina
∝	∝	∝	proporcionality
∞	∞	∞	nekonečno
⋮	⋮		mnohost
∠	∠	∠	roh
∧	∧	∧	A
∨	∨	∨	nebo
∩	∩	∩	průsečík
∪	∪	∪	svaz
∫	∫	∫	integrální
∴	∴	∴	Proto
∼	∼	∼	jako
≅	≅	≅	srovnatelný
≈	≈	≈	přibližně stejné
≠	≠	≠	ne rovné
≡	≡	≡	identický
≤	≤	≤	menší nebo stejný
⩽	⩽ ⩽	⩽ ⩽	menší nebo stejný
≥	≥	≥	více nebo stejné
⩾	⩾ ⩾	⩾ ⩾	více nebo stejné
⊂	⊂	⊂	podmnožina
⊃	⊃	⊃	supersety
⊄	⊄	⊄	není podmnožina
⊆	⊆	⊆	podmnožina
⊇	⊇	⊇	superset
⊕	⊕	⊕	přímou částku
⊗	⊗	⊗	napínací produkt
⊥	⊥	⊥	kolmý
⋅	⋅	⋅	tečkový operátor

Řecká a koptská abeceda

Symbol	Číselný kód	Hexadecimální kód	Název symbolu
Ͱ	Ͱ	Ͱ
ͱ	ͱ	ͱ
Ͳ	Ͳ	Ͳ
ͳ	ͳ	ͳ
ʹ	ʹ	ʹ
͵	͵	͵
Ͷ	Ͷ	Ͷ
ͷ	ͷ	ͷ
ͺ	ͺ	ͺ
ͻ	ͻ	ͻ
ͼ	ͼ	ͼ
ͽ	ͽ	ͽ
;	;	;
΄	΄	΄
΅	΅	΅
Ά	Ά	Ά
·	·	·
Έ	Έ	Έ
Ή	Ή	Ή
Ί	Ί	Ί
Ό	Ό	Ό
Ύ	Ύ	Ύ
Ώ	Ώ	Ώ
ΐ	ΐ	ΐ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
Ϊ	Ϊ	Ϊ
Ϋ	Ϋ	Ϋ
ά	ά	ά
έ	έ	έ
ή	ή	ή
ί	ί	ί
ΰ	ΰ	ΰ
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	ς	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
ϊ	ϊ	ϊ
ϋ	ϋ	ϋ
ό	ό	ό
ύ	ύ	ύ
ώ	ώ	ώ
Ϗ	Ϗ	Ϗ
ϐ	ϐ	ϐ
ϑ	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϒ
ϓ	ϓ	ϓ
ϔ	ϔ	ϔ
ϕ	ϕ	ϕ	ϕ
ϖ	ϖ	ϖ	ϖ
ϗ	ϗ	ϗ
Ϙ	Ϙ	Ϙ
ϙ	ϙ	ϙ
Ϛ	Ϛ	Ϛ
ϛ	ϛ	ϛ
Ϝ	Ϝ	Ϝ	Ϝ
ϝ	ϝ	ϝ	ϝ
Ϟ	Ϟ	Ϟ
ϟ	ϟ	ϟ
Ϡ	Ϡ	Ϡ
ϡ	ϡ	ϡ
Ϣ	Ϣ	Ϣ
ϣ	ϣ	ϣ
Ϥ	Ϥ	Ϥ
ϥ	ϥ	ϥ
Ϧ	Ϧ	Ϧ
ϧ	ϧ	ϧ
Ϩ	Ϩ	Ϩ
ϩ	ϩ	ϩ
Ϫ	Ϫ	Ϫ
ϫ	ϫ	ϫ
Ϭ	Ϭ	Ϭ
ϭ	ϭ	ϭ
Ϯ	Ϯ	Ϯ
ϯ	ϯ	ϯ
ϰ	ϰ	ϰ	ϰ
ϱ	ϱ	ϱ	ϱ
ϲ	ϲ	ϲ
ϳ	ϳ	ϳ
ϴ	ϴ	ϴ
ϵ	ϵ	ϵ	ϵ
϶	϶	϶	϶
Ϸ	Ϸ	Ϸ
ϸ	ϸ	ϸ
Ϲ	Ϲ	Ϲ
Ϻ	Ϻ	Ϻ
ϻ	ϻ	ϻ
ϼ	ϼ	ϼ
Ͻ	Ͻ	Ͻ
Ͼ	Ͼ	Ͼ
Ͽ	Ͽ	Ͽ

Proč jsou potřeba speciální znaky a jak je používat

Řekněme, že se rozhodnete popsat nějakou značku na své stránce, ale protože prohlížeč používá znaky< и >stejně jako začátek a konec značky, jejich použití v obsahu vašeho html kódu může vést k problémům. HTML vám však poskytuje snadný způsob, jak definovat tyto a další speciální znaky pomocí jednoduchých zkratek tzv odkazy na symboly.

Podívejme se, jak to funguje. Pro každý znak, který je považován za speciální nebo který chcete použít na své webové stránce, ale který nelze vytisknout ve vašem editoru (například symbol autorských práv), najdete zkratku a vytisknete ji v html kódu místo požadovaného znaku . Například pro symbol ">" je zkratka > a pro symbol "<" - < .

Řekněme, že jste chtěli vytisknout "Element velmi důležité“ na jeho stránce. Místo toho budete muset použít odkazy na symboly, které potřebujete ke správnému zobrazení záznamu, a nakonec by váš záznam v kódu měl vypadat takto:

Živel velmi důležité

Snaž se "

Dalším speciálním znakem, o kterém musíte vědět, je symbol & (ampersand). Pokud chcete, aby se zobrazil na vaší HTML stránce, použijte místo symbolu & odkaz &.

Speciální znaky jsou technické znaky, které nejsou uvedeny na klávesnici a jsou zakódovány pomocí UNICODE nebo jiného metajazyka. Speciální znaky jsou rozděleny do skupin: matematické, řecká abeceda, ISO 8859-1 a další. Proč jsou potřeba a jak je používat, přečtěte si dále v článku.

Používání speciálních znaků při psaní dokumentů

Použití je pro následující účely:

1. Dodává článku úplnost a estetiku. Speciální znaky vám pomohou rychle porozumět rozměrovým hodnotám nebo přečíst historický název v latině nebo řečtině.
2. Některé prvky zajišťují správné rozložení dokumentu. Například „“ a „“ jsou různé, první jsou přenášeny standardními prostředky, ostatní prostřednictvím speciálních znaků.
3. Uspořádání matematických dokumentů se neobejde bez znalosti hlavních skupin prvků.

Základní znaky

Materiál vám umožní najít speciální znaky v příslušném kódování pro rychlé vložení do textu.

Vzhled	Označení	HTML kód	CSS kód
☃	Sněhulák	☃	\2603
☦	Pravoslavný kříž	☦	\2626
⚓	Kotva	⚓	\2693
✆	Telefonní znamení	✆	\2706
☎	Telefon	☎	\260E
☕	Horké nápoje	☕	\2615
✎	Tužka směřující dolů	✎	\270E
✏	Tužka	✏	\270F
✐	Tužka směřující nahoru doprava	✐	\2710
✑	Prázdný hrot	✑	\2711
✒	Plněný hrot pera	✒	\2712
⚜	fleur-de-lis	⚜	\269C
⛑	Helma s bílým křížem	⛑	\26D1
⚝	Nakreslená bílá hvězda	⚝	\269D
❄	Sněhová vločka	❄	\2744
❤	Stínované odvážné srdce	❤	\2764
❅	Sněhová vločka sevřená jetele	❅	\2745
❆	Tlustá sněhová vločka s ostrým úhlem	❆	\2746
★	Stínovaná hvězda	★	\2605
☆	Prázdná hvězda	☆	\2606
✪	Nevyplněná hvězda v plném kruhu	✪	\272A
✫	Vyplněná hvězda s otevřeným kruhem uvnitř	✫	\272B
✯	Rotující hvězda	✯	\272F
❉	Hvězda s kulovitými konci	❉	\2749
❋	Odvážná osmicípá hvězdicová vrtule ve tvaru kapky	❋	\274B
✲	Hvězda s prázdným středem	✲	\2732
☀	Malované slunce s paprsky	☀	\2600
☁	Mraky	☁	\2601
☂	Deštník	☂	\2602
☑	Zaškrtněte čtverec	☑	\2611
☒	Kříž ve čtverci	☒	\2612
☹	Zamračený emotikon	☹	\2639
☺	Usmívající se emotikon	☺	\263A
☻	Stínovaný úsměv emotikon	☻	\263B
☭	Srp a kladivo	☭	\262D
⚑	Plněná vlajka	⚑	\2691
⚐	Prázdná vlajka	⚐	\2690
☰	Trigram	☰	\2630
✿	Malovaná květina	✿	\273f
❀	Prázdná květina	❀	\2740
✾	Květina se šesti okvětními lístky	✾	\273E
❁	Barevný obrys květ	❁	\2741
❂	Květina z teček	❂	\2742
✉	Obálka	✉	\2709
❦	Srdce v podobě květiny	❦	\2766
❶	Číslo 1	❶	\2776
❷	Číslo 2	❷	\2777
❸	číslo 3	❸	\2778
❹	číslo 4	❹	\2779
❺	číslo 5	❺	\277A
❻	číslo 6	❻	\277B
❼	Číslo 7	❼	\277C
❽	Číslo 8	❽	\277D
➒	číslo 9	➒	\2792
➓	Číslo 10	➓	\2793
✖	Tučné znamení násobení	✖	\2716
✘	Tučný kříž	✘	\2718
✔	Tučné zaškrtnutí	✔	\2714
✚	Tlustý kříž	✚	\271A
⚛	Symbol atomu	⚛	\269B
♺	Recyklační symbol	♺	\267A
❑	Nevyplněný čtverec s pravým spodním stínem	❑	\2751
❒	Nevyplněný čtverec s pravým horním stínem	❒	\2752
◈	Diamant v rámu	◈	\25C8
◐	Kruh s vyplněnou levou polovinou	◐	\25D0
◑	Zakroužkujte s vyplněnou pravou polovinou	◑	\25D1
⁂	tři hvězdičky	⁂	\2042

Interpunkční znaménka

Vzhled	Označení	HTML kód	CSS kód
<	Znak menší než (začátek značky)	<	\003C
>	Znak větší než (konec značky)	>	\003E
«	Levá dvojitá úhlová konzola	«	\00AB
»	Pravá dvojitá úhlová konzola	»	\00BB
‹	Jednoduchá citace v levém rohu	‹	\2039
›	Jednoduchá citace v pravém rohu	›	\203A
«	Dvojitá citace	"	\0022
′	Jediný tah	′	\2032
″	Dvojitý zdvih	″	\2033
‘	Levý jediný citát	‘	\2018
’	Správná jediná citace	’	\2019
‚	Spodní jednoduchý citát	‚	\201A
“	Levá dvojitá uvozovka	“	\201C
”	Správná dvojitá citace	”	\201D
„	Spodní dvojitá uvozovka	„	\201E
❜	Tučná jedna úvodní čárka	❜	\275C
❛	Tučná jedna otočená horní čárka	❛	\275B
&	Ampersand	&	\0026
‘	Apostrof (jediná citace)	"	\0027
§	Odstavec	§	\00A7
©	Značka autorských práv		\00A9
¬	Znamení negace	¬	\00AC
®	Registrovaná ochranná známka	®	\00AE
¯	Macron	¯	\00AF
°	Stupeň	°	\00B0
±	Plus mínus	±	\00B1
¹	horní index "1"	¹	\00B9
²	horní index "2"	²	\00B2
³	horní index "3"	³	\00B3
¼	Jedna čtvrtina	¼	\00BC
½	Půlka	½	\00BD
¾	Tři čtvrtiny	¾	\00BE
´	Značka přízvuku	´	\00B4
µ	Micro	µ	\00B5
¶	Značka odstavce	¶	\00B6
·	Násobící znak	·	\00B7
¿	Převrácený otazník	¿	\00BF
ƒ	Znamení Florin	ƒ	\0192
™	Značka ochranné známky	™	\2122
	Značka seznamu	.	\2022
…	Elipsa	…	\2026
‾	Podšívka	‾	\203E
–	Em pomlčka	-	\2013
-	Em pomlčka	—	\2014
‰	ppm	‰	\2030
}	Pravá složená rovnátka	}	\007D
{	Levá složená rovnátka	{	\007B
=	Rovnítko	=	\003D
≠	Znak nerovnosti	≠	\2260
≅	Kongruence (geometrická rovnost)	≅	\2245
≈	Téměř stejné	≈	\2248
≤	Menší nebo rovno	≤	\2264
≥	Větší nebo rovno	≥	\2265
∠	Roh	∠	\2220
⊥	Kolmo (tlačítko nahoru)	⊥	\22A5
√	Odmocnina	√	\221A
∑	N-ární sumace	∑	\2211
∫	Integrální	∫	\222B
※	Znak poznámky pod čarou	※	\203B
÷	Znamení divize	÷	\00F7
∞	Znamení nekonečna	∞	\221E
@	Symbol psa	@	\0040
[	Levá hranatá závorka	[	\005B
]	Pravá hranatá závorka	]	\005D

Šipky

Vzhled	Označení	HTML kód	CSS kód
←	Šipka vlevo	←	\2190
	Šipka nahoru		\2191
→	Šipka vpravo	→	\2192
↓	Šipka dolů	↓	\2193
↔	Šipka doleva-doprava	↔	\2194
↵	Šipka dolů a doleva – značka návratu vozíku	↵	\21B5
⇐	Dvojitá šipka doleva	⇐	\21D0
⇑	Dvojitá šipka nahoru	⇑	\21D1
⇒	Dvojitá šipka doprava	⇒	\21D2
⇓	Dvojitá šipka dolů	⇓	\21D3
⇔	Dvojitá šipka doleva a doprava	⇔	\21D4
➠	Létající šíp	➠	\27A0
➤	hrot šípu	➤	\27A4
➥	Zakřivená šipka směřující dolů a doprava	➥	\27A5
➦	Zakřivená šipka směřující nahoru a doprava	➦	\27A6
➳	Šipka doprava	➳	\27B3
↺		↺	\21BA
↻	Kulatá šipka s hrotem proti směru hodinových ručiček	↻	\21BB
⇧	Silná dutá šipka nahoru	⇧	\21E7
↩	Šipka vlevo s háčkem	↩	\21A9
➫	Šipka dolů	➫	\27AB
⬇	Vyplněná šipka dolů	⬇	\2B07
⬆	Vyplněná šipka nahoru	⬆	\2B06

Kartové obleky, znamení zvěrokruhu a ikony měny

Vzhled	Označení	HTML kód	CSS kód
♠	"piky"	♠	\2660
♣	"kluby"	♣	\2663
	"srdce"		\2665
♦	"diamanty"	♦	\2666
♡	Obrys "Srdce"	♡	\2661
♢	Obrys "Tamburíny"	♢	\2662
♤	Vrcholový obrys	♤	\2664
♧	Přehled "Kluby"	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	ruský rubl	₽	\20BD
¥	Yen nebo Yuan	¥	\00A5
€	Euro	€	\20AC
$	Dolar	$	\0024
₴	Hřivna znamení	₴	\20B4
₹	indická rupie	₹	\20B9
圓	CNY	圓	\5713
₸	kazašské tenge	₸	\20B8
♈	Beran	♈	\2648
♉	Býk	♉	\2649
♊	Dvojčata	♊	\264A
♋	Rakovina	♋	\264B
♌	Lev	♌	\264C
♍	Panna	♍	\264D
♎	Váhy	♎	\264E
♏	Štír	♏	\264F
♐	Střelec	♐	\2650
♑	Kozoroh	♑	\2651
♒	Vodnář	♒	\2652
♓	Ryba	♓	\2653

Řecká abeceda

Dopis	malá písmena		kapitály
	symbol	html kód	symbol	html kód
alfa	α	α	Α	Α
beta	β	β	Β	Β
gama	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
tento	η	η	Η	Η
theta	θ	θ	Θ	Θ
jota	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
akt	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omikron	ο	ο	Ο	Ο
pí	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
konečná sigma	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hee	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Jak to využít v praxi

Bez ohledu na CMS se přidávání článku provádí pomocí vizuálního editoru a HTML verze. Všechny speciální znaky v kódování lze vložit pouze v druhém případě. Pro správné použití nástrojů se doporučuje vzít na vědomí tabulky, které ukazují kód a vnější reprezentaci.

Vezměte prosím na vědomí, že pokud do vizuální reprezentace článku vložíte znak, prvek se převede na odpovídající kód v HTML. Při ručním zadávání informací zvažte případ, který ovlivňuje konečný výsledek.

Strojem psaný text se skládá z tištěných znaků - grafických symbolů.
Grafické symboly jsou symboly, které mají viditelné zobrazení v textu.
Všechny grafické symboly jsou shromážděny v sadě jediného univerzálního systému Unicode.
Vložte grafický symbol Unicode do html dokumentu
- hlavní a jediný účel tohoto stolu.

Symbol můžete do dokumentu HTML vložit jedním z následujících způsobů:

1. zkopírujte obrázek symbolu z okna prohlížeče do okna vašeho vizuálního html editoru
2. zkopírujte html kód symbolu přímo do kódu html dokumentu

Pochopte prosím, že se jedná o dvě různé metody:

1. vložit vizuál do vizuálu
2. vložte kód do kódu.

Písmo pro symbol, jeho velikost a barvu v HTML lze nastavit pomocí kódu jako:
CHARACTER_CODE
Kde,
Arial - písmo,
10px - velikost písma v pixelech,
#ff0000 - kód barvy písma (červená)

Například:
☎ - velikost písma znaků 30px,
☎ - velikost písma symbolu 30px, barva - červená
☎ - velikost písma znaků 20px,
☎ - velikost písma symbolu 10px.
Poznámka Doporučené fonty pro vkládání speciálních znaků jsou Arial, Verdana a Tahoma. Tato písma správně zobrazují znaky Unicode a sama je správně podporují webové aplikace.

1. "Symbol"
   (zobrazení viditelných symbolů)
   Z tohoto sloupce můžete zkopírovat obrázek symbolu a vložit jej do okna html textového editoru. Symbol bude zkopírován s velikostí písma 20 pixelů. Po dokončení kopírování může být nutné individuálně upravit velikost písma přímo na kopírovaný znak.
2. "Název"
   (pouze pro důležité nebo nejasné znaky)
   Vysvětlení účelu symbolu, jeho rozsah, příklady...
3. "mnemotechnické pomůcky"
   Mnemotechnická pomůcka je abecední konstrukce tvaru ", označující abecední kód znaku v HTML. Vkládá se přímo do html kódu html dokumentu. Mnemotechnické pomůcky jsou velmi oblíbené mezi profesionálními návrháři rozvržení. Lidé si je dokonale zapamatují a jsou podporovány všemi html aplikacemi Každá mnemotechnická pomůcka obsahuje abecední název (označení ) svého symbolu a servisní znak (&), který slouží jako signál pro prohlížeč ke čtení kódu a nezobrazuje se na obrazovce monitoru. každá mnemotechnická pomůcka je jedinečná a snadno čitelná, protože je odvozena z anglického slova, které symbol charakterizuje.

   Mnemotechnika (řecky) – umění si něco zapamatovat. Mnemotechnické pomůcky se používají k usnadnění vnímání obtížně zapamatovatelných informací, když je předmět zapamatování uveden do asociativního stavu s něčím.

4. "Kód"
   Kód – číselný desítkový kód znaku v HTML, jako je &. Vloženo přímo do html kódu html dokumentu. Desetinný kód se skládá z čísla označujícího sériové číslo znaku v systému Unicode a několika servisních znaků (& a #), které slouží jako signál pro prohlížeč ke čtení kódu a nejsou zobrazeny na obrazovce monitoru. Desetinný kód je široce používán a používán díky své všestrannosti a snadnému vnímání.

Ovládací znaky v HTML (XHTML)

Řídicí znaky v HTML (XHTML) jsou servisní znaky jazyka HTML, které se používají v rozvržení HTML webové stránky. Každý prohlížeč musí tyto znaky podporovat, protože bez nich není možné správně zobrazit HTML text. Řídicí znaky se v textu nezobrazují a při přímém zadání z klávesnice je prohlížeč interpretuje jako interpunkční znaménka vyžadující provedení nějaké akce při vykreslení stránky na obrazovku.

Je povoleno používat řídicí znaky v běžných textech, kde symbolizují univerzální pojmy a jsou prohlížečem interpretovány jako běžné typografické znaky. Při použití symbolů služeb v textech HTML tímto způsobem je třeba zadat nikoli hodnotu samotného symbolu, ale jeho HTML kód. Protože, opakuji, jinak bude prohlížeč vnímat symbol služby jako výzvu k akci a nebude správně zobrazovat HTML text na obrazovce monitoru.

Ovládací symboly a jejich HTML kód znají a rozumí jim všechny prohlížeče bez výjimky, což se bohužel nedá říci o jiných symbolech, které se mohou v různých prohlížečích zobrazovat nesprávně nebo v horším případě nezobrazovat vůbec.

Syntaxe a interpunkce

	mezera délky N (běžná mezera)
	mezera délky M (longspace)
-	měkký spojovník (netisknutelný znak)			-	­
‑	pomlčka				– ‑
-	čárka délky N (běžná čárka)			-	–
—	pomlčka délky M (em pomlčka)			—	—
.	tečka				.
,	čárka				,
…	elipsa			…	…
:	dvojtečka				:
;	středník				;
!	vykřičník				! ǃ
?	otazník				?
@	"Pes"				@
*	"hvězda"				*
#	"mříž"				#
‘	jeden levý horní citát			‘	‘ ‘
’	jeden pravý horní citát			’	’ ’
‚	jediný pravý dolní citát			‚	‚ ‚
“	dvojitá nabídka vlevo nahoře			“	“ “
”	dvojitá pravá horní citace			”	” ”
„	dvojitá pravá spodní citace			&bdquo	„ „
«	dvojité uvozovky v levém rohu (Rus)			«	«
»	dvojité pravé rohové uvozovky (rus)			»	»
́	přízvuk, příklad: Vasya				́
"	apostrof, příklad: Ty"Já				"
´	akutní, příklad: Vasya			´	´
¶	odstavec (netisknutelný znak)			¶	¶
§	odstavec			§	§
ˆ	přízvuk (obrácený pták)			ˆ	ˆ ˆ
˜	malá vlnovka			˜	˜ ˜
¦	svislá tečkovaná čára			¦	¦
(	levá závorka				(
)	pravá závorka				)
〈	levá úhlová závorka			〈	〈
〉	pravoúhlý držák			〉	〉
‹	levá úhlová konzola, možnost			‹	‹
›	pravoúhlý držák, možnost			›	›
[	hranatá závorka vlevo				[
]	hranatá závorka vpravo				]
/	lomítko - lomítko znak				/
\	obrácené lomítko				\
⁄	lomítko (oddělovací znak)			⁄	⁄
ǀ	vertikální lišta				ǀ
ǁ	dvojitá vertikální lišta				ǁ
‾	překrytí, příklad: Vasya‾vasya			‾	‾
¯	macron, příklad: Vasya¯vasya			¯	¯

Ochranné známky a měna

+	Plus			+	+
−	mínus			−	- −
=	rovná se				=
±	plus nebo mínus			±	±
×	znak násobení			×	×
÷	znamení divize			÷	÷
⋅	tečkový operátor (uprostřed řádku)			⋅	· ⋅
∗	operátor hvězdička (uprostřed řádku)			∗	∗
∼	operátor tildy			∼	∼
.	značka seznamu (uprostřed řádku)			.	•
¹	horní index "1"			¹	¹
²	horní index "2"			²	²
³	horní index "3"			³	³
Horní a dolní index v HTML (XHTML) lze vložit pomocí značek A , respektive: ČÍSLO Horní index→ ČÍSLO Horní index ČÍSLO Dolní index→ ČÍSLO Dolní index
½	zlomek "jedna polovina"			½	½
⅓	zlomek "jedna třetina"				⅓
¼	zlomek "jedna čtvrtina"			¼	¼
¾	zlomek "tři čtvrtiny"			¾	¾
№	znak čísla				№
%	procent				%
‰	ppm			‰	‰ ‰
°	stupně			°	°
′	prvočíslo (minuty, stopy)			′	′
″	dvojité prvočíslo (sekundy, palce) Příklad 1: 30° 25′ 12″ Příklad 2: 25′ 12 ″			″	″
µ	mikro			µ	µ
π	Pi			π	π
ƒ	funkční znak (neplést s "integrální")			ƒ	ƒ ƒ
∫	integrální			∫	∫
∅	překročila nulu, prázdná sada (neplést s "průměr")			∅	∅
⌀	průměr (nezaměňovat s přeškrtnutým latinským „o“)				⌀
ø	Latinské „o“ diagonálně přeškrtnuté			ø	ø
Ø	Latinské velké „O“ diagonálně přeškrtnuté			Ø	Ø
∏	pracovní značka			∏	∏
∑	sumační znak			∑	∑
√	radikál (druhá odmocnina nebo x odmocnina)			√	√
∝	úměrně			∝	∝
∞	nekonečno			∞	∞
∠	roh			∠	∠
⊥	ortogonální (kolmý)			⊥	⊥
∴	podepsat "proto"			∴	∴
≅	přibližně stejné			≅	≅
≈	téměř stejné			≈	≈
≠	ne rovné			≠	≠
≡	identický			≡	≡
≤	menší nebo stejný			≤	≤
≥	více nebo stejné			≥	≥
∧	logické AND			∧	∧
∨	logické NEBO			∨	∨
⊕	znaménko plus v kruhu (přímá částka)			⊕	⊕
⊗	znak násobení v kruhu (křížový součin, šipka od pozorovatele)			⊗	⊗
ʘ	tečka v kruhu (šipka k pozorovateli)				ʘ

				✵ ✵

Dobrý den, milí čtenáři tohoto blogu! Ti, kteří se s tím alespoň povrchně seznámili, už pravděpodobně vzali na vědomí, i když obecně. To znamená, že mají představu o tom, jaké HTML symboly se obecně používají v kódu dokumentu.

V dnešním článku se pokusíme přijít na to, co je mezera v HTML a v jakých případech můžete pro snadné čtení použít bílé znaky při formátování samotného kódu. Zjistíme, kdy je potřeba použít nezlomitelnou mezeru, a také se seznámíme s dalšími speciálními znaky (nebo, jak se jim také říká, mnemotechnickými pomůckami).

Ve skutečnosti bych vám doporučil, abyste téma používání různých speciálních znaků neignorovali, protože jde o důležitou součást, která vám umožní dokončit studium hypertextového značkovacího jazyka. Obecně platí, že informace uvedené v této publikaci rozhodně nebudou nadbytečné. No a teď k věci.

Mezery a mezery v HTML

Nejprve je třeba udělat důležitou poznámku. Na klávesnici počítače jsou speciální klávesy, které umožňují oddělovat text (více o tom níže). Pouze široký mezerník však poskytuje oddělení mezi slovy nejen v editoru, ale také v okně prohlížeče. Při přerušení čar a odsazení od hran dochází k nuancím.

Jak víte, zobrazení určitých prvků ve webovém prohlížeči je určeno značkami. Pro formátování textu se používá dobře známý , který je založen na blokech. To znamená, že jeho obsah je umístěn po celé dostupné šířce.

Na zalomit řádky v odstavci P, musíte použít jednu značku BR, se kterou to můžete udělat. Řekněme, že potřebujeme do textu vložit řádky z básně, kterou píšeme v textovém editoru:

Navzdory skutečnosti, že řádky verše jsou umístěny správně a pomlčky jsou vytvořeny na správných místech, vše bude v prohlížeči vypadat jinak:

Chcete-li dosáhnout stejného zobrazení v okně webového prohlížeče, musíte na každém zalomení řádku napsat BR:

Nyní jsme úkol splnili a poetické řádky se v prohlížeči zobrazí zcela správně:

Tím jsou dokončeny nezbytné konce řádků. Další funkcí, kterou je zde třeba poznamenat, je, že více mezer po sobě jdoucích webový prohlížeč zobrazuje jako jeden. Můžete si to ověřit, pokud se ve stejném editoru pokusíte vložit mezi dvě slova ne jednu, ale několik mezer a kliknutím na tlačítko „Uložit“ se na výsledek podíváte v prohlížeči.

Mezera, tabulátor a zalomení řádku

V podstatě s těmito prázdné znaky Seznámíme se, jakmile začneme pracovat s textem v editoru a naformátujeme jej do požadované podoby. Pro realizaci takového úkolu existují speciální klíče, z nichž každý odpovídá svému vlastnímu znaku mezery:

• Mezerník je nejširší klávesa na klávesnici počítače (bez popisku);
• Tab - klávesa vlevo s nápisem „Tab“ a dvěma šipkami směřujícími různými směry;
• Zalomení řádku - klávesa "Enter".

Jak jsem však uvedl výše, konečný požadovaný výsledek získáme nejen v textovém editoru, ale také v prohlížeči, pouze když použijeme první klíč. Všechny tři klávesy (včetně tabulátoru a zalomení řádku jsou užitečné při formátování kódu HTML. Řekněme, že takto vypadá fragment kódu v programu NotePad++ (o tomto editoru je mnoho informací) při zobrazení všech bílých znaků:

Získáváme kód, který je snadno čitelný a srozumitelný díky mezerám. Oranžové šipky označují odsazení vytvořené pomocí klávesy Tab a symboly CR a LF označují zalomení řádků vytvořené pomocí klávesy Enter.

Jsou zobrazeny kontejnery vnořené do sebe a otevírací a uzavírací značky jsou jasně viditelné. V této podobě lze tento kód snadno upravovat. Nyní jej porovnejte se stejným kódem, který nemá takové rozdělení textu:

Stejným způsobem můžete pomocí bílých znaků psát pravidla CSS, která budou vizuálně vypadat jasně a stravitelně:

Po převedení všech stylů do společného jmenovatele a úplném dokončení úprav souboru stylů můžete úpravy provést odstraněním všech mezer z kódu. To je nutné zvýšit, což je velmi důležité při propagaci zdroje.

Speciální znaky (nebo mnemotechnické pomůcky) v kódu HTML

Nyní se podívejme na případy, kdy je nutné použít speciální znaky, které jsem zmínil na začátku článku. Speciální znaky HTML, někdy nazývané mnemotechnické pomůcky, byly zavedeny k vyřešení dlouhodobého problému s kódováním, který vznikl v hypertextovém značkovacím jazyce.

Při psaní textu na klávesnici jsou zakódovány znaky jazyka, který používáte. Ve webovém prohlížeči se zadaný text zobrazí pomocí písem, které jste vybrali v důsledku operace zpětného dekódování.

Faktem je, že existuje mnoho takových kódování, nyní nemáme za cíl je podrobně analyzovat. Jen u každého z nich mohou chybět určité symboly, které je však potřeba zobrazit. Řekněme, že máte nutkání napsat jednoduché uvozovky nebo diakritiku, ale tyto ikony prostě nejsou součástí sady.

Aby se tento problém odstranil, byl zaveden systém speciálních symbolů, který zahrnuje obrovské množství různých mnemotechnických pomůcek. Všechny začínají ampersandem "&" a obvykle končí středníkem ";". Nejprve měl každý speciální znak svůj vlastní digitální kód. Například pro nezalomitelnou mezeru, kterou budeme podrobněji zvažovat níže, bude platit následující záznam:

Ale po nějaké době byly nejběžnějším symbolům přiřazeny písmenné analogy (mnemotechnické prostředky), aby byly snadněji zapamatovatelné. Řekněme, že pro stejný pevný prostor to vypadá takto:

V důsledku toho prohlížeč zobrazí odpovídající symbol. Seznam mnemotechnických pomůcek je velmi obsáhlý, nejčastěji používané speciální znaky v HTML můžete zjistit z následující tabulky:

symbol	kód	mnemotechnické pomůcky	popis
			nepřerušitelný prostor
			úzký prostor (na šířku jako písmeno n)
			široký prostor (em-šířka jako písmeno m)
–	-	–	en pomlčka (en-dash)
-	—	—	em pomlčka (em pomlčka)
­	-	­	měkký přenos
A		́	stres je umístěn za "stresovým" písmenem
©		©	autorská práva
®	®	®	registrovaná ochranná známka
™	™	™	značka ochranné známky
º	º	º	kopí Marsu
ª	ª	ª	zrcadlo Venuše
‰	‰	‰	ppm
π	π	π	pi (použijte Times New Roman)
¦	¦	¦	svislá tečkovaná čára
§	§	§	odstavec
°	°	°	stupeň
µ	µ	µ	mikro znamení
¶	¶	¶	značka odstavce
…	…	…	elipsa
‾	‾	‾	překrytí
´	´	´	znak přízvuku
№		№	znak čísla
🔍		🔍	Lupa (nakloněná doleva)
🔎		🔎	Lupa (nakloněná doprava)
znaky aritmetických a matematických operací
×	×	×	násobit
÷	÷	÷	rozdělit
<	<		méně
>	>	>	více
±	±	±	Plus mínus
¹	¹	¹	stupeň 1
²	²	²	stupeň 2
³	³	³	stupeň 3
¬	¬	¬	negace
¼	¼	¼	jedna čtvrtina
½	½	½	půlka
¾	¾	¾	tři čtvrtiny
⁄	⁄	⁄	desetinná čárka
−	−	−	mínus
≤	≤	≤	menší nebo stejný
≥	≥	≥	více nebo stejné
≈	≈	≈	přibližně (téměř) stejné
≠	≠	≠	ne rovné
≡	≡	≡	identický
√	√	√	odmocnina (radikál)
∞	∞	∞	nekonečno
∑	∑	∑	sumační znak
∏	∏	∏	pracovní značka
∂	∂	∂	částečný diferenciál
∫	∫	∫	integrální
∀	∀	∀	pro všechny (viditelné pouze v případě, že je uvedeno tučně)
∃	∃	∃	existuje
∅	∅	∅	prázdná sada
Ø	Ø	Ø	průměr
∈	∈	∈	patří
∉	∉	∉	nepatří
∋	∋	∗	obsahuje
⊂	⊂	⊂	je podmnožinou
⊃	⊃	⊃	je supermnožina
⊄	⊄	⊄	není podmnožinou
⊆	⊆	⊆	je podmnožina nebo rovno
⊇	⊇	⊇	je nadmnožina nebo se rovná
⊕	⊕	⊕	navíc v kruhu
⊗	⊗	⊗	znak násobení v kruhu
⊥	⊥	⊥	kolmý
∠	∠	∠	roh
∧	∧	∧	logické AND
∨	∨	∨	logické NEBO
∩	∩	∩	průsečík
∪	∪	∪	svaz
znaky měny
€	€	€	Euro
¢	¢	¢	Cent
£	£	£	Lb
¤	¤t;	¤	Znak měny
¥	¥	¥	Yen a Yuan znamení
ƒ	ƒ	ƒ	Znamení Florin
markery
	.		jednoduchá značka
○		○	kruh
·	·	·	střed
†		†	přejít
‡		‡	dvojitý kříž
♠	♠	♠	vrcholy
♣	♣	♣	kluby
			srdce
♦	♦	♦	diamanty
◊	◊	◊	kosočtverec
✏		✏	tužka
✎		✎	tužka
✐		✐	tužka
✍		✍	ruka
citáty
"	"	"	dvojitá citace
&	&	&	ampersand
«	«	«	levá typografická uvozovka (rybí uvozovka)
»	»	»	pravá typografická uvozovka (rybí uvozovka)
‹		‹	otevření jednoho rohu nabídky
›		›	uzavření nabídky jednoho rohu
′	′	′	prvočíslo (minuty, stopy)
″	″	″	dvojité prvočíslo (sekundy, palce)
‘	‘	‘	jednoduchá uvozovka vlevo nahoře
’	’	’	jeden citát vpravo nahoře
‚	‚	‚	jediná citace vpravo dole
“	“	“	citace-noha vlevo
”	”	”	citovat nohu vpravo nahoře
„	„	„	citovat nohu vpravo dole
❛		❛	jedna anglická úvodní uvozovka
❜		❜	jediná anglická závěrečná uvozovka
❝		❝	otevírání dvojitých uvozovek
❞		❞	uzavírací dvojité uvozovky
šipky
←	←	←	šipka vlevo
			šipka nahoru
→	→	→	šipka vpravo
↓	↓	↓	šipka dolů
↔	↔	↔	šipka doleva a doprava
↕		↕	šipka nahoru a dolů
↵	↵	↵	návrat vozíku
⇐	⇐	⇐	dvojitá šipka doleva
⇑	⇑	⇑	dvojitá šipka nahoru
⇒	⇒	⇒	dvojitá šipka vpravo
⇓	⇓	⇓	dvojitá šipka dolů
⇔	⇔	⇔	dvojitá šipka doleva a doprava
⇕		⇕	dvojitá šipka nahoru a dolů
▲		▲	trojúhelník šipka nahoru
▼		▼	trojúhelník šipka dolů
			trojúhelníková šipka vpravo
◄		◄	trojúhelník šipka vlevo
hvězdy, sněhové vločky
☃		☃	Sněhulák
❄		❄	Sněhová vločka
❅		❅	Sněhová vločka sevřená jetele
❆		❆	Tlustá sněhová vločka s ostrým úhlem
★		★	Stínovaná hvězda
☆		☆	Prázdná hvězda
✪		✪	Nevyplněná hvězda v plném kruhu
✫		✫	Vyplněná hvězda s otevřeným kruhem uvnitř
✯		✯	Rotující hvězda
⚝		⚝	Nakreslená bílá hvězda
⚪		⚪	Prostřední otevřený kruh
⚫		⚫	Střední vyplněný kruh
⚹		⚹	Sextile (typ sněhové vločky)
✵		✵	Osmicípá rotující hvězda
❉		❉	Hvězda s kulovitými konci
❋		❋	Odvážná osmicípá hvězdicová vrtule ve tvaru kapky
✺		✺	Šestnácticípá hvězdička
✹		✹	Dvanácticípá hvězda
✸		✸	Tučná osmicípá rovná plná hvězda
✶		✶	Šesticípá plná hvězda
✷		✷	Osmicípá rovná plná hvězda
✴		✴	Osmicípá hvězda
✳		✳	Osmicípá hvězda
✲		✲	Hvězda s prázdným středem
✱		✱	Tlustá hvězda
✧		✧	Špičatá čtyřcípá otevřená hvězda
✦		✦	Špičatá čtyřcípá plná hvězda
⍟		⍟	Hvězda v kruhu
⊛		⊛	Sněhová vločka v kruhu
hodiny, čas
⏰		⏰	Hodinky
⌚		⌚	Hodinky
⌛		⌛	Přesýpací hodiny
⏳		⏳	Přesýpací hodiny

Případy použití některých speciálních znaků, včetně pevné mezery a měkké pomlčky

Pokud jste si již tabulku trochu prostudovali, obdrželi jste potvrzení toho, co jsem řekl výše, že k zobrazení všech speciálních znaků se používá digitální kód () nebo jeho abecední analog (symbolická mnemotechnická pomůcka), kde místo sady hash píší se značky a čísla, písmena ().

Nyní se podívejme, kdy tyto kódy použít. Řekněme, že v článku potřebujete uvést nějakou značku HTML pro informační účely, např.