HTML stílusirányelvek

A jól strukturált HTML kód könnyebben olvasható, karbantartható és tanulható. Az alábbi stílusirányelvek segítenek egységes, tiszta kódot írni.

Behúzás

Használj 2 vagy 4 szóközös behúzást a HTML elemek egymásba ágyazásakor. Ez vizuálisan elkülöníti az elemek hierarchiáját.

<ul>
  <li>First</li>
  <li>Second</li>
</ul>

Kisbetűk használata

Minden HTML tagot és attribútumot kisbetűvel írjunk, mivel a HTML nem érzékeny a kis- és nagybetűkre, de a kisbetűs forma egységesebb.

Attribútum idézőjelek

Minden attribútumértéket dupla idézőjelbe tegyél. Ez a legelterjedtebb gyakorlat.

<img src="logo.png" alt="Company Logo">

Attribútumok sorrendje

Rendszeresen használd az attribútumokat ugyanabban a sorrendben (pl. class, id, src, alt). Ez javítja az olvashatóságot.

Üres sorok

Nagyobb HTML szakaszok között hagyj üres sort. Ez segít vizuálisan elkülöníteni a különböző tartalmi blokkokat.

Osztályok és ID-k elnevezése

Használj beszédes, kötőjellel elválasztott neveket osztályokhoz és ID-khez (pl. 'main-header', 'footer-links').

<div class="main-header">
  <h1>Welcome</h1>
</div>

Megjegyzések (kommentek)

Használj kommenteket nagyobb blokkok jelölésére vagy magyarázatra. Ne legyen túl sok, de segítsen a tájékozódásban.

<!-- Start of main section -->
<main>
  ...
</main>

Következetesség

A legfontosabb szabály: legyél következetes! Válassz ki egy stílust és tartsd magad hozzá az egész projekt során.