Splošno pravilo za zapis elementa HTML je razmeroma preprosto. Poleg osnovne sintakse pa moramo pri pisanju dokumentov HTML upoštevati še nekaj dodatnih pravil, na primer pravilno gnezdenje, pravilen zapis praznih elementov in dosledno rabo atributov.
Pomni: HTML brskalniki pogosto prenesejo tudi manj natančen zapis, vendar je za pregledno, pravilno in vzdrževano kodo pomembno, da elemente zapisujemo dosledno in pravilno.
Osnovna pravila
- Gnezdene oznake morajo biti pravilno odprte in pravilno zaprte.
- Prazni elementi nimajo končne oznake.
- Logične lastnosti lahko v HTML zapišemo že samo z njihovim imenom.
- Za preglednost je priporočljivo, da vrednosti atributov zapisujemo v narekovajih.
- Za sodoben in pregleden zapis uporabljamo male črke pri imenih oznak, atributov in običajnih predpisanih vrednostih.
Gnezdenje
Kadar pri opisovanju vsebine enega elementa uporabimo več oznak, pravimo, da pride do gnezdenja oznak. V takem primeru moramo paziti, da zaključne oznake pišemo v pravem vrstnem redu. Najprej zaključimo notranjo oznako, šele nato zunanjo.
<div><b><i> ... </i></b></div><div><b><i> ... </b></i></div> Nepravilno gnezdenje!
Pozor: Pri gnezdenju oznak ni dovolj, da so vse oznake samo zapisane. Pomembno je tudi, da so zaključene v pravilnem vrstnem redu.
Zaključevanje elementov brez vsebine
Nekateri elementi imajo vedno prazno vsebino, zato pri teh elementih v HTML ne pišemo zaključne oznake. Takim elementom pogosto rečemo prazni oziroma void elementi.
<br><hr><img src="goba.png" alt="Goba">
Pri praznih elementih v HTML ne uporabljamo zaključne oznake, saj tak zapis ni pravilen za običajno sintakso HTML.
Lastnosti brez vrednosti
Nekateri elementi imajo posebne lastnosti, ki delujejo po principu prisotnosti ali odsotnosti. Takim lastnostim rečemo logične oziroma boolean lastnosti. Če je taka lastnost prisotna, pomeni resnično, če je ni, pomeni napačno.
<option value="m" selected>moški</option>
V HTML lahko tako lastnost zapišemo samo z njenim imenom, lahko pa tudi kot selected="selected" ali selected="". V XHTML mora imeti vsaka lastnost tudi izrecno zapisano vrednost.
<option value="m" selected="selected">moški</option>
Pomni: Pri logičnih atributih v HTML prisotnost atributa pomeni vključeno lastnost, njegova odsotnost pa pomeni, da lastnost ni vključena.
Poenostavitve in priporočila pri pisanju HTML
V HTML so nekatere poenostavitve še vedno dovoljene, vendar jih pri učenju in pri pisanju pregledne kode navadno ne uporabljamo. Zaradi jasnosti in doslednosti običajno zapišemo vse pomembne oznake in vrednosti atributov v polni in pregledni obliki.
- Opuščanje zaključnih oznak: Pri nekaterih elementih HTML v določenih primerih dovoli opustitev zaključne oznake. Kljub temu je pri učenju in pri pisanju pregledne kode priporočljivo, da zaključne oznake izrecno napišemo, kadar element ni prazen.
- Opuščanje začetnih in zaključnih oznak: Pri nekaterih elementih, na primer
html,headinbody, lahko brskalnik oznake v določenih okoliščinah sam sklepa. Zaradi jasnosti in preglednosti je priporočljivo, da te oznake napišemo. - Opuščanje narekovajev pri vrednostih: V HTML lahko nekatere vrednosti atributov napišemo tudi brez narekovajev, vendar samo v določenih primerih. Zaradi preglednosti, doslednosti in manj možnosti za napake je priporočljivo, da vrednosti atributov vedno pišemo v narekovajih.
- Uporaba malih in velikih črk: V dokumentih HTML imena oznak in atributov niso občutljiva na male in velike črke. Kljub temu je priporočljivo, da vse pišemo z malimi črkami, saj je tak zapis preglednejši in usklajen s sodobno prakso.
Brskalniki pri HTML pogosto dovolijo več kot validatorji in priporočila za lepo zapisano kodo. Zato je dobro razlikovati med tem, kaj je v HTML še dovoljeno, in tem, kaj je priporočljivo pisati v sodobni, pregledni in vzdrževani kodi.
Priporočila
- Pri gnezdenih elementih zapiraj oznake v pravilnem vrstnem redu.
- Prazne elemente zapisuj brez končne oznake.
- Vrednosti atributov zapisuj v narekovajih.
- Logične atribute uporabljaj v njihovi običajni in pregledni obliki.
- Za boljšo preglednost piši oznake, atribute in običajne predpisane vrednosti z malimi črkami.
Pogoste napake
- Gnezdene oznake niso zaključene v pravilnem vrstnem redu.
- Praznemu elementu je dodana končna oznaka.
- Logični atribut se zapisuje na nepregleden ali neustrezen način.
- Vrednost atributa manjka ali ni pravilno zapisana.
- Zapis kode ni dosleden glede velikih in malih črk.