Weboví vývojáři často používají značky HTML k navrhování a strukturování obsahu webové stránky. Ne vždy si však uvědomují všechny možnosti a Pravidla používání značek. Nesprávné používání značek může vést k nesprávnému zobrazení stránky a narušení její sémantiky.
Jedním ze způsobů, jak se vyhnout chybám a učinit své značení přehlednějším a logičtějším, je použití již vytvořených značek. To vám umožní nevymýšlet kolo a ušetřit čas. Značky jako strong, em a
blockquotejiž jsou definovány ve standardech HTML a mají jasně definovanou sémantiku.
Tag strong používá se k zvýraznění zvláště důležitého textu nebo fráze. Jakýkoli text zabalený do značky strong, se zobrazí v jasnějším nebo tlustším písmu, díky čemuž je pro uživatele viditelnější. Tato značka by neměla být použita pouze ke změně stylu textu, měla by zdůrazňovat významovou zátěž textu.
Tag em používá se k zvýraznění textu s emocionálním nebo silným přízvukem. Obvykle text zabalený do značky em zobrazeno kurzívou. Stejně jako značka strong, značka em pomáhá také zprostředkovat význam a významovou zátěž textu.
blockquote
používá se k zvýraznění citací nebo částí textu, které vynikají odsazením. Obvykle text uvnitř značky
blockquote
zobrazí se s odsazením vpravo a vlevo, aby se vizuálně odlišil od hlavního textu. Díky tomu jsou citace a důležité části textu viditelnější a srozumitelnější.
Proč používat značky
1. Sémantika: HTML tagy umožňují určit sémantickou strukturu webové stránky. Pomocí příslušných značek můžete jasně a přesně popsat obsah každé položky stránky. Můžete například použít značku pro název stránky, značku pro navigační nabídku a značku pro spodní část stránky. Díky tomu je webová stránka snadno čitelná a srozumitelná, a to jak pro vyhledávače, tak pro uživatele.
2. Dodržování norem: Používání značek pomáhá vytvářet webové stránky, které splňují standardy a doporučení W3C.to usnadňuje podporu a údržbu webové stránky a zvyšuje její kompatibilitu s různými prohlížeči a zařízeními.
3. Zlepšení dostupnosti: Správné používání značek pomáhá zlepšit dostupnost webové stránky pro uživatele se zdravotním postižením. Například použití značky pro atribut obrázku umožňuje lidem se zrakovým postižením porozumět obsahu obrázku pomocí textového popisu. Značky také usnadňují čtení webové stránky technologií čtení z obrazovky.
4. Zlepšení SEO: Používání správných značek pomáhá zlepšit SEO (Search Engine Optimization, optimalizace vyhledávačů) vaší webové stránky. Vyhledávače používají informace v tagech k pochopení obsahu stránky a jejímu správnému indexování.
5. Další funkce: Některé značky mají další funkce, které lze použít ke zlepšení uživatelského zážitku a funkčnosti webové stránky. Značka vám například umožňuje vložit video a značka zvukové soubory na stránku.
Obecně je používání značek nezbytné a užitečné pro vytvoření strukturované, dostupné a optimalizované webové stránky.
Hlavní důvody použití
Použití značky bez vlastních rukou má několik hlavních důvodů.
- Univerzálnost: při použití několika různých programovacích jazyků nebo šablon, jako je PHP, Ruby, Python, Twig, a další, můžete použít stejnou značku všude, aniž byste museli přizpůsobit kód.
- Zjednodušení kódu: použití bez vlastních rukou vám umožňuje zjednodušit kód a učinit jej čitelnějším, protože není nutné psát stejné nebo podobné bloky kódu na mnoha místech.
- Zachování času: použití hotového tagu vám ušetří čas na vývoj, protože nemusíte znovu psát kód, ale můžete jednoduše použít již hotovou funkci.
- Pružnost: možnost používat více různých značek v jednom projektu nebo na jedné stránce umožňuje flexibilně konfigurovat a ovládat některé funkce nebo zobrazovat položky.
- Podpora a aktualizace: často používané značky, které nejsou poskytovány vlastníma rukama, mají obvykle dobrou podporu a pravidelné aktualizace, které zaručují jejich funkčnost a bezpečnost v projektu.
Jak používat značky
- K označení důležitých částí stránky použijte nadpisy (značky h1-h6). To pomůže zlepšit čitelnost a navigaci na webu.
- Používejte značky strong a em pro zvýraznění důležitých slov a frází v textu. Nepoužívejte je pouze ke změně vzhledu.
- Uspořádejte text do odstavců (tag ) pro logické rozdělení informací. To pomůže čtenářům lépe se orientovat na stránce.
- Použijte seznamy (značky
- informace, které lze rozdělit na body. Díky tomu bude obsah strukturovanější.
- Používejte značky span a div Chcete-li seskupit prvky a přiřadit jim obecné styly nebo obslužné rutiny událostí.
- Používejte značky a pro vytváření odkazů. Zadejte atribut href a určete adresu, na kterou bude odkaz veden.
- Používejte značky img pro vkládání obrázků. Zadejte atribut src a zadejte adresu obrázku.
Pamatujte, že používání značek musí být konzistentní a konzistentní po celém webu. Nezneužívejte a vyhněte se zbytečnému používání značek, abyste si nekomplikovali čtení a pochopení stránky. Dodržujte obecně uznávané postupy a pokyny, aby byl váš obsah přístupný a čitelný pro všechny uživatele.