HTML 101/Lekce 5

Kurz: HTML 101

<<< 4. Blokové a řádkové elementy

5. Entity

6. Umístění souborů >>>

Minule jsme probrali, co jsou blokové a řádkové elementy. V této lekci se opět vrátíme k praxi.

Některé znaky jsou v HTML rezervované a nelze je použít mimo jejich určené využití. Jde hlavně o špičaté závorky (<>), které označují začátek a konec tagů. Kdybyste je zkusili jen tak vložit to vašeho HTML dokumentu (např. v rámci textu), zjistili byste, že to způsobuje mnoho problémů.

<p>256 < 512</p>

<!-- Prohlížeč očekává po počáteční špičaté závorce za číslem 256 nějaký tag; ten tam ale není -->

A proto tu jsou entity. Entity jsou speciální kódy, které se využívají ke vkládání různých znaků na stránku. Začínají vždy ampersandem (&) a končí středníkem (;). Slovním kódem (tzv. reference entity) pro počáteční špičatou závorku je <, pro koncovou je to >.

<p>256 &lt; 512</p>

<!-- Prohlížeč text výše zobrazí správně -->

Poznámka: V zápisu entit záleží na kapitalizaci písmen!

Ampersand je také rezervovaným znakem; jeho referencí je &. V hodnotách atributů se zase uplatní entity pro apostrof a uvozovky, ' a ".

Nezlomitelná mezera

Jednou z nejužitečnějších entit je tzv. nezlomitelná (někdy také pevná) mezera, jejímž kódem je  . Jde o mezeru, která se nikdy nezalomí na nový řádek a slova, která odděluje, vždy donutí zůstat na stejném řádku. To se hodí v případech, kdy by zalomení na nový řádek nebylo žádoucí (např. 48 %; deset tisíc; 10 hodin).

<p>K roku 2024 mělo město Moravský Krumlov 5,7&nbsp;tisíc obyvatel.</p>

Dalším využitím je zobrazení více mezer za sebou - prohlížeče totiž defaultně nezobrazí dvě či více normálních mezer vedle sebe. To ale neplatí u nezlomitelných mezer, kterých tak můžete za sebe dát klidně sto.

<p>Stisknutí klávesy <kbd>TAB</kbd> často odsadí text o 4 mezery.<br>
&nbsp;&nbsp;&nbsp;&nbsp;Zde je text odsazen!</p>

Číselný zápis

Ne každý znak, jenž lze zapsat entitou, má k sobě přiřazenou referenci - ty mají většinou jen entity, které se nějak významně používají. Všechny znaky s entitami lze ale naštěstí zapsat buď s decimálními či hexadecimálními kódy. V decimálním zápisu musí po ampersandu následovat křížek (#), v hexadecimálním křížek a malé písmeno x.

Hexadecimální kód znaku odpovídá kódu Unicode daného znaku. Např. znaku ⛺ odpovídá Unicode kód U+26FA, což znamená, že hexadecimální entitou pro něj bude ⛺.

Poznámka: U hexadecimálních kódů nezáleží na velikosti písmen - > je stejně validní jako >.

Slovní, decimální a hexadecimální entity pro již uvedené znaky

Znak	Reference	Dec	Hex
<	&lt;	&#60;	&#x0003C;
>	&gt;	&#62;	&#x0003E;
&	&amp;	&#38;	&#x00026;
"	&quot;	&#34;	&#x00022;
'	&apos;	&#39;	&#x00027;

Poznámka: U hexadecimálního zápisu můžete vypustit všechny nuly mezi x a šestnáctkovou hodnotou - > je stejně validní jako >.

Diakritika

Entity lze využít také pro psaní písmen se znaménky, která se na české klávesnici nenachází (např. â, ç, õ). Stačí jen do entity znaménka napsat za ampersand písmeno, na které má být znaménko aplikováno (např. &aacute). Písmeno může být velké i malé.

<p>Jedním z nejslavnějších mořeplavců je Fern&atilde;o de Magalha&atilde;es</p>

Tento postup nefunguje na nepoužívané kombinace písmen a diakritických znamének (např. X s háčkem).

Některá diakritická zaménka a jejich entity

Název	Slovní zápis	Příklad	Výstup
cedilla	¸	Ç	Ç
čárka	´	ó	ó
dvě čárky	˝	ő	ő
háček	ˇ	Č	Č
kroužek	˚	ů	ů
oblouček	˘	ğ	ğ
ocásek	˛	ę	ę
přehláska	¨	Ü	Ü
přeškrtnutí		Ł	Ł
stříška	ˆ	ô	ô
těžký akcent	`	È	È
tilda	˜	ñ	ñ
vodorovná čárka	¯	Ō	Ō

Speciální znaky

Entity jsou užitečné také na vkládání speciálních znaků do dokumentu - znaků, které na klávesnici jen tak nenajdete. Pokud si tak pamatujete reference/kódy, nebudete muset vyžadované znaky vyhledávat na Googlu a kopírovat je s CTRL + C a CTRL + V.

Některé užitečné znaky

Znak	Reference	Dec	Hex	Výstup
Copyright	©	©	©	©
Ochranná značka	®	®	®	®
Trademark	™	®	™	™
Stupeň	°	°	°	°
Plus Minus	±	±	±	±
Přibližně	≈	≈	≈	≈
Cent	¢	¢	¢	¢
Euro	€	€	€	€
Libra	£	£	£	£
Jen	¥	¥	¥	¥
Šipka doprava	→	→	→	→
Šipka dolů	↓	↓	↓	↓
Šipka doleva	←	←	←	←
Šipka nahoru	↑	↑	↑	↑

Příští lekce

V příští lekci se podíváme na různé způsoby zápisu cest k souborům, což se bude hodit na odkazy, obrázky, apod.

Externí odkazy

• Oficiální specifikace HTML - Seznam všech referencí entit