Programming the World Wide Web

Fejezet

2

2.5. Elemek csoportosítása/kategorizálás

2.5.1. Elemek csoportosítása - span és div elemek

A span elemet tipikusan arra szokás használni, hogy egy bizonyos szövegrésznek önálló stílust adhassunk meg.
Pl.:

„Micimackó egy erdőben élt, saját kunyhójában, <span style="font-variant: small-caps">Kovács János</span> név alatt.”

Így néz ki:
„Micimackó egy erdőben élt, saját kunyhójában, Kovács János név alatt.”

(Megjegyzés: a példában az egyszerűség kedvéért inline stílusmeghatározást használtunk, tipikusabb a stílusosztály használata, de mindez a CSS témakörébe tartozik.)

A div elem segítségével az oldal egy részének, egy különálló nagyobb egységnek kölcsönözhetünk sajátos kinézetet.

Megj.: sem a span sem a div elemhez nincs a böngészőben alapértelmezett megjelenítési mód hozzárendelve.

2.5.2. HTML elemek kategorizálása: blokk, illetve inline típusú elemek

A(z) (X)HTML elemek két kategóriába vannak sorolva: minden elem vagy inline vagy blokk típusú.
Egy inline típusú elem tartalma az aktuális sorban jelenik meg, azaz megjelenítéséhez nem tartozik implicit módon egy sortörés is. Egyetlen kivétel ez alól a br elem, mely inline elemnek számít, de a rendeltetése tulajdonképpen éppen az, hogy egy sortörést beékeljen.
Egy blokk típusú elem megtöri az aktuális sort, így tartalma egy új sorban jelenik meg.
Pl.

Ugrás az oldal tetejére