Niektoré symboly sa ťažko píšu a iné sú technicky zakázané. Zistite, ktorá je ktorá a ako ovládať znaky v HTML.
Môžu nastať situácie, keď budete musieť na svojej webovej lokalite použiť špeciálny znak, napríklad symbol ampersand. Do kódu HTML však nemôžete jednoducho zadať „&“, pretože ide o vyhradený symbol HTML.
Namiesto toho môžete na reprezentáciu týchto znakov použiť entity HTML alebo špeciálne kódy. To vám umožňuje pridávať symboly na vašu webovú stránku bez toho, aby ste zasahovali do skutočného kódu HTML.
Čo sú symboly v HTML?
Kedy vytvorenie HTML webovej stránky, budete na interpunkciu používať celý rad symbolov. Aj keď väčšinu znakov môžete pridať priamo na svoju stránku, niektoré majú špeciálny význam alebo sa ťažko píšu. HTML napríklad používa symboly, ako sú lomené zátvorky (< a >), ampersandy (&) a úvodzovky (" a '), ktoré predstavujú štruktúru vášho obsahu.
Webový prehliadač zvyčajne interpretuje symbol lomenej zátvorky ako otváraciu alebo zatváraciu značku. Ak to nie je váš zámer, môže to spôsobiť chyby na vašej webovej stránke. Príklady symbolov, ktoré vyžadujú kód entity, zahŕňajú:
- Ampersand (
&) - Menej ako (
<) - Väčší než (
>) - dvojitá úvodzovka (
") - Jedna citácia (
')
Iné symboly ako napr symboly autorských práv a ochranných známok nevyžadujú kód entity, ale stále ho môžete použiť, ak chcete. Môžu byť nepohodlné na písanie alebo dokonca nepodporované vo vašom textovom editore. Niektoré príklady:
- Symbol autorských práv (©)
- Symbol ochrannej známky (™)
- Symbol registrovanej ochrannej známky (®)
Čo sú pomenované a číselné entity?
Každý symbol môžete reprezentovať pomocou číselného kódu entity a najbežnejší aj s pomenovanou entitou. Tu je niekoľko príkladov:
Symbol |
Kód pomenovanej entity |
Číselný kód entity |
Ampersand |
& |
& |
Menej ako |
< |
< |
Väčší než |
> |
> |
Dvojitý citát |
" |
" |
Jediný citát |
' |
' |
Autorské práva |
© |
© |
Symbol ochrannej známky |
™ |
™ |
Symbol registrovanej ochrannej známky |
® |
® |
Použitím pomenovaného alebo číselného kódu sa zobrazí príslušný symbol. Napríklad pri použití „©“ alebo „©“ sa zobrazí symbol autorských práv.
Pridanie emotikonov na vašu webovú stránku
Emoji môžete zobraziť aj pomocou kódu entity. Všetky emotikony majú číselný kód entity v HTML, ale nie všetky majú pomenovaný kód entity. Niektoré príklady:
Symbol |
Číselný kód entity |
Usmievavá tvár (😃) |
😃 |
Smejúca sa tvár (😆) |
😆 |
Usmievavá tvár s Halo (😇) |
😇 |
Ako vložiť symboly na webovú stránku pomocou kódov entít
Do obsahu stránky HTML môžete vložiť kódy entít. Zobrazenie vašej webovej stránky v prehliadači prevedie kódy na ich zodpovedajúci symbol.
- Do nového súboru HTML pridajte základnú štruktúru webovej stránky HTML:
html>
<html>
<hlavu>
<titul>Príklad symbolu a entitytitul>
<metaznakovú sadu="UTF-8">
hlavu>
<telo>
telo>
html> - Do značky body pridajte obsah HTML. Zahrňte buď pomenovaný alebo číselný kód entity pre symbol, ktorý chcete zobraziť:
<h1>HTML symbolyh1>
<p>Symbol autorských práv: ©p>
<p>Symbol ampersandu: &p>
<p>Symbol ochrannej známky: ™p>
<p>Usmievajúca tvár: 😃p> - Otvorte súbor HTML vo webovom prehliadači a zobrazte príslušné symboly:
Používanie špeciálnych alebo vyhradených symbolov HTML na vašej webovej stránke
Teraz, keď už viete, ako pridať symboly na svoju webovú stránku HTML, môžete preskúmať ďalší zaujímavý obsah, ktorý môžete pridať, aby bol váš web pútavejší.