Ugrás a fő tartalomhoz

Cím blokk

Mire jó a Cím blokk?

A cím megmondja, hogyan kell olvasni az oldalt. A Cím blokk fejezeteket és tartalmi szinteket jelöl. Segít abban, hogy már egy gyors görgetésből is kirajzolódjon az oldal szerkezete.

Ne minden blokk fölé tegyél címet. Csak oda, ahol valóban új gondolat vagy új fejezet kezdődik.

Melyik címszintet válaszd?

Ne a betűméret alapján dönts. Előbb azt határozd meg, milyen szerepe van a címnek az oldal szerkezetében.

H1 – az oldal főcíme

Az oldal legfontosabb címe. Jó alapelv, hogy egy oldalon egyetlen elsődleges H1 vezesse be a teljes tartalmat.

H2 – új nagy fejezet

A fő tartalmi szakaszok címe. Akkor használd, amikor valóban új témarész vagy szekció kezdődik.

H3 – rész egy fejezeten belül

Egy H2 alá tartozó kisebb témacsoport vagy alcím. Segít tagolni az összetettebb szekciókat.

H4–H6 – mélyebb szerkezet

Csak akkor szükséges, ha a tartalom tényleg több egymásba ágyazott szintből áll. Egyszerű, egyoldalas weboldalnál ritkán kell.

H2 – Egy erős szekciócím

H2 – Középre rendezett átvezető

H3 – Kisebb alcím egy részleten belül

Gyors szabály: ne azt a címszintet válaszd, amelyik vizuálisan a legjobban tetszik. A szint azt mutassa, hol jár a látogató a tartalom hierarchiájában. A megjelenést utána igazítsd az oldal vizuális ritmusához.

Mit állíthatsz a Cím blokkon?

A címszinten túl a pozíciót, szélességet, hátteret és navigációs szerepet is finomhangolhatod.

Hierarchia

A Cím szint (H1–H6) jelzi, milyen mélységben jársz a tartalom szerkezetében.

Igazítás

Balra, középre vagy jobbra rendezheted. A balra igazítás általában a legtermészetesebb hosszabb tartalmi oldalakon.

Szélesség →

A Tartalom szélessége lehet Olvasható, Széles vagy Teljes, attól függően, mennyi teret kapjon a cím.

Háttér →

Használhatod az oldal saját hátterén, egyéni színű vagy inverz sávban. A Szélesség beállítással a sáv a képernyő széléig is kiérhet.

Navigáció

A címsor linkjével maga a cím is kattintható lehet. Horgony azonosítóval – például #linkelt-cim-pelda – menüből vagy gombból közvetlenül ide ugorhatsz.

Ritmus →

A külső és belső térközzel szabályozhatod, mennyire különüljön el a cím az előtte és utána következő tartalomtól.

Adj ritmust az oldalnak

Ha csak a címeket olvasod el, akkor is érthető legyen az oldal íve.

Építs következetes hierarchiát, és csak ott használj külön címblokkot, ahol valóban új rész kezdődik.