Poprawna składnia HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Poprawna składnia HTML oznacza zapis elementów, znaczników i atrybutów zgodnie z regułami języka HTML. Typowy element składa się ze znacznika otwierającego, treści oraz znacznika zamykającego.

<p>To jest akapit.</p>

Zamykanie znaczników

Większość elementów HTML powinna być zamykana. Znacznik zamykający ma ukośnik / przed nazwą elementu.

<strong>Ważny tekst</strong>

Wyjątkiem są elementy puste, np. br, img, input, meta, link, hr. Nie zawierają one treści między znacznikiem otwierającym i zamykającym.

<br>
<img src="obraz.jpg" alt="Opis obrazu">

Kolejność zagnieżdżania

Znaczniki należy zamykać w odwrotnej kolejności niż były otwierane. Działa to jak stos: ostatni otwarty element powinien zostać zamknięty jako pierwszy.

Poprawnie:

<p><strong>Tekst pogrubiony</strong></p>

Niepoprawnie:

<p><strong>Tekst</p></strong>

Wielkość liter

W HTML nazwy znaczników nie rozróżniają wielkości liter, więc <p> i <P> są interpretowane tak samo. W praktyce zaleca się jednak pisać znaczniki małymi literami, ponieważ zwiększa to czytelność kodu i jest zgodne z powszechną konwencją.

Atrybuty

Atrybuty zapisuje się w znaczniku otwierającym. Ich kolejność nie ma znaczenia dla działania HTML.

<img src="logo.png" alt="Logo strony" class="logo">

Nie istnieje zasada, że atrybuty trzeba podawać alfabetycznie. Można je porządkować według własnej konwencji, ale nie jest to wymaganie składniowe HTML.