Základy sémantiky

Sémantika je slovo, které vnáší strach do srdce návrháře, ale nemusí to být složité nebo složité téma. Týká se smysluplného vyjádření, vyhýbání se prezentačním značkám a pokud je to možné, použití vhodných a smysluplných značek.

V zásadě je navrhování a psaní kódu HTML sémantickým způsobem tak jednoduché, jako udržovat HTML s obsahem stránky a ne s rozvržením. Některé z níže uvedených jednoduchých kroků vám pomohou zajistit, že zůstanete sémanticky potěšující pro vyhledávače, pavouky a návštěvníky

Prozkoumejte prvky Envato

Značka názvu

Zkontrolujte, zda je značka názvu stránky popisná a smysluplná. Ujistěte se, že se mění pro každou stránku vašeho webu, aby odrážel obsah na této stránce.

Nadpisy

Nadpisy vaší stránky lze definovat pomocí značek div a span, to však neznamená, že se jedná o nadpis. Použití značek h1 až h6 k odlišení a úpravě nadpisů na vaší stránce je mnohem lepší.

Tabulky a formuláře

Ve výchozím nastavení nejsou tabulky a formuláře příliš sémantické a mohou být velmi obecné. Také jim chybí dostupnost pro ty, kteří používají nestandardní prohlížeče. U tabulek se ujistěte, že používáte značku thead k vysvětlení sloupců tabulky. U formulářů dodržujte označení štítkem k popisu toho, k čemu slouží každý vstup, zaškrtávací políčko atd.

snímky

Vypadá to, že se znovu a znovu opakuje, ale používá všechny atributy pro své obrázky, aby bylo zajištěno, že jsou popsány v obsahu stránky - ve prospěch vyhledávačů i zdravotně postižených uživatelů.

Vypadá to rovně ... ale proč?

Používání sémantického kódu nezpůsobí, že váš web bude vypadat jinak, a nijak nepřinese přímý prospěch vašim čtenářům. Jedním z přímých účinků, které můžete vidět, je to, že vyhledávače spider váš web správnějším a účinnějším způsobem.

Sémantické kódování také připravuje cestu pro budoucnost. Nová zařízení, software a aplikace budou v příštích 5, 10, 100 letech, které stále používají obsah na webu k jejich napájení. Sémantika stanoví standard, který budou budoucí systémy dodržovat a interpretovat, takže budoucí důkaz sami!

© Copyright 2024 | computer06.com