Programming the World Wide Web |
Fejezet2 |
<< 2.4. Táblázatok és képbeszúrás | 2.6. Hivatkozások >> |
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.:
Í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.
- blokk típusú elemek:
h1
-h6
,p
,hr
,ul
,ol
,dl
,table
,div
, stb. - inline elem:
em
,strong
,img
,a
,span
, stb.