August 4th, 2010

Celostránkové třídy a identifikátory

Filed under: Know-how — Ondřej Válka @ 14:57

Pište HTML kód jako znovupoužitelné komponenty, víceméně nezávislé na rodičovských prvcích.

V HTML kódu často přidávám prvku <body> (nebo některému jinému vysoko posazenému prvku) nějakou třídu nebo identifikátor. Označím tímto tak např. stránku s unikátním obsahem nebo třeba šablonu podstránky.

Využívám toho k odlišnému stylování vybraných částí layoutu – jejich vzhled upravuji podle toho na které stránce nebo ve které šabloně se nacházejí.

<body class="layout-subpage" id="page-about">
    …
</body>

Na první pohled to vypadá docela prakticky.

Nevýhody tohoto přístupu se objeví, jakmile vyvíjíte složitější web. Pokud layout prochází změnami, bývá nutné překydávat kusy kódu sem a tam. Celý koncept se pak stává nepraktickým a je třeba sáhnout po flexibilnějším řešení.