Některé symboly je obtížné napsat a jiné jsou technicky zakázány. Zjistěte, která je která a jak ovládat znaky v HTML.
Mohou nastat situace, kdy budete muset na svých webových stránkách použít speciální znak, například symbol ampersand. Do kódu HTML však nemůžete jednoduše napsat „&“, protože se jedná o vyhrazený symbol HTML.
Místo toho můžete k reprezentaci těchto znaků použít entity HTML nebo speciální kódy. To vám umožňuje přidávat symboly na vaši webovou stránku, aniž byste zasahovali do skutečného kódu HTML.
Co jsou symboly v HTML?
Když vytvoření HTML webu, budete pro interpunkci používat řadu symbolů. I když většinu znaků můžete přidat přímo na stránku, některé mají zvláštní význam nebo je obtížné je napsat. HTML například používá k reprezentaci struktury vašeho obsahu symboly jako lomené závorky (< a >), ampersandy (&) a uvozovky (" a ').
Webový prohlížeč obvykle interpretuje symbol lomené závorky jako úvodní nebo uzavírací značku. Pokud to není váš záměr, může to způsobit chyby na vaší webové stránce. Příklady symbolů, které vyžadují kód entity, zahrnují:
- Ampersand (
&) - Méně než (
<) - Větší než (
>) - dvojitá uvozovka (
") - Jediná citace (
')
Další symboly jako např symboly autorských práv a ochranných známek nevyžadují kód entity, ale stále jej můžete použít, pokud chcete. Jejich psaní může být nepohodlné nebo dokonce nepodporované ve vašem textovém editoru. Některé příklady:
- Symbol autorských práv (©)
- Symbol ochranné známky (™)
- Symbol registrované ochranné známky (®)
Co jsou pojmenované a číselné entity?
Každý symbol můžete reprezentovat pomocí číselného kódu entity a nejběžnější také s pojmenovanou entitou. Zde jsou nějaké příklady:
Symbol |
Kód pojmenované entity |
Číselný kód entity |
Ampersand |
& |
& |
Méně než |
< |
< |
Větší než |
> |
> |
Dvojitá citace |
" |
" |
Jediný citát |
' |
' |
autorská práva |
© |
© |
Symbol ochranné známky |
™ |
™ |
Symbol registrované ochranné známky |
® |
® |
Pomocí buď pojmenovaného nebo číselného kódu se zobrazí odpovídající symbol. Například při použití „©“ nebo „©“ se zobrazí symbol autorských práv.
Přidání emotikonů na vaši webovou stránku
Můžete také zobrazit emotikony pomocí kódu entity. Všechny emotikony mají číselný kód entity v HTML, ale ne všechny mají pojmenovaný kód entity. Některé příklady:
Symbol |
Číselný kód entity |
Usměvavá tvář (😃) |
😃 |
Smějící se obličej (😆) |
😆 |
Usměvavá tvář s Halo (😇) |
😇 |
Jak vkládat symboly na webovou stránku pomocí kódů entit
Do obsahu stránky HTML můžete vložit kódy entit. Zobrazením vaší webové stránky v prohlížeči se kódy převedou na odpovídající symbol.
- Do nového souboru HTML přidejte základní strukturu webové stránky HTML:
html>
<html>
<hlava>
<titul>Příklad symbolu a entitytitul>
<metaznaková sada="UTF-8">
hlava>
<tělo>
tělo>
html> - Do značky body přidejte obsah HTML. Uveďte buď pojmenovaný, nebo číselný kód entity pro symbol, který chcete zobrazit:
<h1>HTML symbolyh1>
<p>Symbol autorských práv: ©p>
<p>Symbol ampersandu: &p>
<p>Symbol ochranné známky: ™p>
<p>Usměvavá tvář: 😃p> - Otevřete soubor HTML ve webovém prohlížeči a zobrazte odpovídající symboly:
Používání speciálních nebo vyhrazených symbolů HTML na vašem webu
Nyní, když víte, jak přidat symboly na svou webovou stránku HTML, můžete prozkoumat další zajímavý obsah, který můžete přidat, aby byl váš web poutavější.