FEATUREDFrontend

Nadpisy: sémantika, flexibilita a štýlovanie

Prečo by sme potrebovali nové pseudotriedy pre nadpisy v CSS? Alvaro vysvetľuje, ako :heading a :heading() selektory ponúkajú čistejší a flexibilnejší spôsob výberu nadpisov, ktorý zohľadňuje aj ARIA atribúty.

GUY Team
1 min čítania
Nadpisy: sémantika, flexibilita a štýlovanie

Lámal som si hlavu nad tým, prečo by sme potrebovali niektorý z týchto. Alvaro hovorí priamo v úvode, že vyberajú nadpisy čistejším, flexibilnejším způsobom. Takže áno, toto:

:heading { }

…je oveľa čistejšie ako toto:

h1, h2, h3, h4, h5, h6 { }

Rovnako ako:

:heading(2, 3) {}

…je trochu čistejšie (ale nie kratšie) ako toto:

h2, h3 { }

No Alvaro to ďalej objasňuje, pričom poznamenáva, že obe tieto možnosti sú úzko obmedzené na prvky nadpisov, ignorujúc akýkoľvek iný prvok, ktorý by mohol byť podobný nadpisu pomocou HTML atribútov a ARIA. Veľmi dobrý kontext, ktorý stojí za prečítanie v plnom znení.

csswebdizajnsemantikaprístupnosť

Nenechajte si ujsť žiadny článok

Prihláste sa na odber newslettera a dostávajte najnovšie tipy a trendy priamo do emailu.