Roger Johansson vyjmenoval v článku Web development mistakes (via Digital Web Magazine) 18 největších chyb, se kterými se potkává na webu:
- DOCTYPE zmatek
- Chybějící, špatně zapsaný nebo umístěný na špatném místě.
- mánie
- Obecný způsob stylování čehokoli pomocí CSS je obalit to do
elementu s
class
atributem. Nehledí se na sémantiku, na kaskádu, dědění atd. - Příliš vizuální myšlení
- Nahlížení na web skrze WYSIWYG. Vývoj začíná vzhledem místo toho, aby se začalo u struktury a obsahu.
- Nedostatek sémantiky
- Kód postrádá sémantiku (význam). Autoři vychází z toho, jak je daná značka výchozím způsobem vykreslována místo toho, aby se zamysleli nad významem značek a správně je použili.
- Mišmaš v kódování
- Použití jednoho kódování v HTTP hlavičce a dalšího v dokumentu. Některé prohlížeče pak nemusí dobře zobrazit některé znaky.
- Špatné atributy
alt
- Chybějící nebo zbytečné. Element
musí mít
alt
atribut. Myslete na smysluplný text v hodnotě atributu. - Neplatné
id
aclass
atributy - Opakované použití stejné hodnoty
id
atributu v jednom dokumentu. Neplatné znaky v jejich názvech atd. - Kádrování prohlížečů
- Zjišťování, jaký prohlížeč návštěvník používá a posílání upraveného kódu pro daný prohlížeč. Když odhlédnu od skutečnosti, že je možné napsat univerzální kód, tak bych připomenul problémy s novými prohlížeči nebo prohlížeči, které se maskují za jiné.
- Chybějící jednotky v CSS
- Délkové jednotky musí mít zadanou jednotku (vyjma nulové hodnoty). CSS není HTML.
- Proprietální CSS.
- Používání nestandardních vlastností některých prohlížečů (stylování posuvné lišty v IE, filtry apod.).
- Závislost na JavaScriptu
- Někteří lidé mohou mít vypnutý JavaScript. Nebo používají zařízení, které JavaScript nepodporuje. Podobně pracují také roboti vyhledávačů.
- Zavislost na Flash
- Ne každý má Flash instalovaný. Vyhledávací roboti si s Flashem také neporadí.
- Obrázky místo textu
- Tohle není příliš přístupné. Podívejte se na svůj web s vypnutými obrázky. Zvětšujte písmo. Myslete na vyhledávače.
- Špatné formuláře
- Nepřístupné, špatně použitelné formuláře. Říká Vám něco
,
- Stará škola HTML
- Opakovaně vnořené tabulky, neviditelné GIFy k vytvoření mezer, značky
atd.
- Nic než IE
- Nejdřív navrhovat pro IE/Win a až pak napravovat pro ostatní není to pravé ořechové.
- Neplatné HTML atributy
- Používání zavržených atributů nebo nestandardních atributů.
- Nekódovaný znak &
- Problém při odkazování. Mnoho URI obsahuje znak &, který musí být v kódu zapsaný jako
&
.
Na závěr se zeptám stejně jako autor: Vynechal jsem nějaký Váš oblíbený omyl? Přidejte jej do komentářů.
Souvislosti
- Cascading Style Sheets home page – W3C
- HyperText Markup Language (HTML) Home Page – W3C
- Dogma W4 – Petr Staníček a kol.
- HTML: Používáte label? – Jiří Bureš
- Lepší formuláře – Jiří Bureš
- Weblogy CZ: DTD – Jiří Bureš