Ať už jste začátečník, nebo expert na hypertextový značkovací jazyk (HTML), je důležité dodržovat některé osvědčené postupy, aby vaše dokumenty HTML byly konzistentní a uspořádané. S tolika elementy, atributy, vlastnostmi, hodnotami a dalšími prvky se toho musíte hodně naučit.
Představujeme vám 10 osvědčených postupů jazyka HTML, které byste měli mít na paměti při práci na svém příštím projektu.
1. Používejte správnou strukturu dokumentu
Dokumenty HTML budou fungovat i bez prvků jako <html>, <head> a <body>. Stránky se však nezobrazí správně v každém prohlížeči, proto je důležité důsledně používat správnou strukturu dokumentu.
Příklad:
2. Deklarujte správný doctype
Při vytváření dokumentu HTML je třeba nejprve deklarovat doctype. Tím prohlížeči sdělíte, jaké standardy používáte, aby se vaše značení správně vykreslilo. Doctype se uvádí před značkou <html> v horní části stránky. Pokud si nejste jisti, jakou deklaraci použít, W3.org poskytuje informace o výběru správného doctype.
3. Vždy uzavírejte značky
Abyste se vyhnuli chybám validace, nezapomeňte vždy na uzavírací značku pro každou vytvořenou značku.
4. Nepoužívejte inline styly
Může se zdát, že je snadnou cestou umístit styly přímo do kódu místo vytváření externího listu stylů. Inline styly však nejsou dobrým kódovacím postupem, protože ztěžují aktualizaci a údržbu webu. Namísto toho udržujte styly oddělené od značek jazyka HTML.
5. Styly v záložce HTML. Používejte atribut alt u obrázků
U obrázků není atribut alt vyžadován, což usnadňuje jeho ignorování. Je však důležité mít smysluplný atribut alt z důvodů validace a přístupnosti. Atribut alt poskytuje kontext pro čtečky obrazovky, takže by měl popisovat, co obrázek obsahuje.
6. Validujte často
Namísto čekání, až budete s dokumentem HTML hotovi, validujte kód několikrát během práce. To vám nakonec pomůže ušetřit nějaký čas včasným odhalením chyb, zejména pokud je váš dokument dlouhý. Jedním z oblíbených validátorů jazyka HTML je služba W3C pro validaci značek.
7. Umístěte externí soubory stylů do značky <head>
Ačkoli lze externí soubory stylů umístit kdekoli v dokumentu HTML, nejlepším postupem je umístit je do značky <head>. Stránka se tak bude načítat rychleji.
8. V případě, že chcete, aby se stylopisy načítaly rychleji, je nutné je použít. Používejte smysluplné značky
Každá část vaší webové stránky by měla být vytvořena pomocí nejvhodnější značky HTML5 pro daný obsah. Nejlepší je vyhnout se nadměrnému používání obecných značek, jako je <div>, když by pro danou úlohu mohla existovat popisnější značka, jako je <oddíl>, <článek> a podobně.
9. Zkuste se vyhnout používání obecných značek. Používejte značky psané malými písmeny
Vaše značky HTML mohou být zapsány malými nebo velkými písmeny a webová stránka se zobrazí správně. Nejlepším postupem je však zachovávat názvy značek psané malými písmeny, protože se lépe čtou a udržují.
10. Snižte počet prvků na stránce
Dokumenty HTML se mohou stát komplikovanými, zejména u webových stránek s velkým množstvím obsahu. Chcete-li zmenšit velikost stránek, zkontrolujte možnosti další optimalizace kódu, jakmile budete se značkováním hotovi.
Chcete se dozvědět více o osvědčených postupech HTML? Podívejte se na tyto další články:
- Nejlepší postupy HTML
- Standardy kódu front-endu &Nejlepší postupy
- Psaní nejlepšího kódu
Nechcete to dělat sami nebo potřebujete pomoc?
TBH Creative se vždy snaží být v obraze ohledně nejlepších postupů při vývoji webových stránek.
.