Jakub Devera | Just another blog

Tak dnes se podíváme na něco z jiného soudku a to budou chyby typy a chyby zápisu HTML. Možná se vám zdá, že to jsou jen kosmetické změny, ale dle mého názoru je rozhodně lepší využívat pro určité místa určité tagy. Web je poté více sémantický a vyhledávače ho pak lépe vnímají. Pokud se vám tedy zdá, že tyto chyby děláte, tak čtěte dále.

1. Block vs inline tagy

HTML elemety můžou být zobrazovány buď jako block nebo inline. Block tagy se používají ke strukturování dokumentu – např. div nebo nadpisy. Inline tagy se vždycky mají vkládat do block tagů a ne naopak. Patří k nim odkazy, značky pro formátování, …

2. Křižení tagů

Křižení tagů je chyba, ale internetové prohlížeče to stjně interpretují správně. Pokud si chcete stránku zkontrolovat, tak ji prožeňte validátorem, ten odhalí všechny chyby.

3. Nevyplňování ALTu u nnetexových prvků

Atribut alt je je u netextových prvků jako například obrázek, protože se zobrazí, pokud se např. obrázek nenačte nebo je mají uživatelé vypnuté. Nevyplnit tento atribut je HTML chyba, takže ho vždy vyplňte, pokud ho chcete zanechat prázdný, napište jen alt=”".

4. Inline CSS

I když inline css není chyba, je to ten nejhorší způsob, jak zapsat css. Proč? Až budete později něco měnit ve svém designu, který bude mít více stránek, a v každé budete muset změnit jeden řádek, řeknete si, proč jsem byl tehdy liný a místo style=”…” jsem tehdy nedal class=”…” a nenapsal jsem to do externího stylu. Dalším důvod je, že se stránka déle načítá, protože se pokaždé načíta inline css, zatímco externí styl by se načetl jen jednou.

5. Nevyužívaní správných tagů

Využívejte správné html značky, jako například pro nadpisy – <h*>, zvýraznění – <strong> NE <b>, pro formátování textu používejte <p> nebo <span> NE <font>. Tagy <h*> používejte z rozvahou – <h1> používejte jen jednou. Navigaci dávejte mezi tagy <ul></ul>:

<ul>
<li><a href="#">Odkaz 1</a></li>
<li><a href="#">Odkaz 2</a></li>
<li><a href="#">Odkaz 3</a></li>
</ul>

6. Validujte

Pokud stránka obsahuje mnoho chyb, může se u klienta zobrazit špatně – prohlížeč může také špatně CSS. Chyby můžou způsobit např. neuzavřené divy, nevyplňené alty, … Špatná validita má taky meněí dopad na SEO.

Doufám, že jste se trochu poučili a opravili připádné nedostatky ve svém kódu. Toto je konec a tímto se tu s vámi loučím a zsa někdy na shledanou.