HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

HTML entity


Vyhrazené znaky v HTML musí být nahrazeny znakovými entitami.


HTML entity

Některé znaky jsou v HTML vyhrazeny.

Pokud v textu použijete znaky menší než (<) nebo větší než (>), prohlížeč je může smíchat se značkami.

Znakové entity se používají k zobrazení vyhrazených znaků v HTML.

Znaková entita vypadá takto:

&entity_name;

OR

&#entity_number;

Pro zobrazení znaménka menší než (<) musíme napsat: < nebo <

Výhoda použití názvu entity: Název entity je snadno zapamatovatelný.
Nevýhoda použití názvu entity: Prohlížeče nemusí podporovat všechny názvy entit, ale podpora čísel entit je dobrá.


Nezlomný prostor

Běžně používanou entitou v HTML je pevný prostor:  

Nepřerušitelná mezera je mezera, která se nebude lámat do nového řádku.

Dvě slova oddělená pevnou mezerou se spojí (ne zalomí se do nového řádku). To je užitečné, když by porušení slov mohlo být rušivé.

Příklady:

  • § 10
  • 10 km/h
  • 10 VEČER

Dalším běžným využitím nerozdělitelné mezery je zabránit prohlížečům ve zkracování mezer ve stránkách HTML.

Pokud do textu napíšete 10 mezer, prohlížeč jich 9 odstraní. Chcete-li do textu přidat skutečné mezery, můžete použít   znaková entita.

Tip: Nerozdělitelná pomlčka ( ) se používá k definování znaku pomlčky (-), který se nerozděluje na nový řádek.



Některé užitečné znakové entity HTML

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Poznámka: V názvech entit se rozlišují velká a malá písmena.


Kombinace diakritických znamének

Diakritické znaménko je „glyf“ přidaný k písmenu.

Některá diakritická znaménka, jako je vážné ( ̀) a akutní ( ́), se nazývají akcenty.

Diakritická znaménka se mohou objevit nad i pod písmenem, uvnitř písmene a mezi dvěma písmeny.

Diakritická znaménka lze použít v kombinaci s alfanumerickými znaky k vytvoření znaku, který není přítomen ve znakové sadě (kódování) použité na stránce.

Zde jsou nějaké příklady:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Další symboly HTML uvidíte v další kapitole tohoto návodu.