kerki: definitionen div und span

Beitrag lesen

Hallo !

Ich weis ich bin ein blutiger anfänger, aber zwei dinge schnall ich überhaupt nicht:
soll ich in div oder span meine Seiten aufbauen ? keines meiner bücher beschreibt überhaupt einen unterschied der beiden !

Bücher -> Ablage "P" ;-)

Der Unterschied zwischen den beiden ist recht schnell erklärt:

DIV    ist ein Block-Element
SPAN   ist ein Inline-Element

Neben den daraus resultierenden Unterschieden, dass z.B. ein DIV-Element weitere Block-Elemente enthalten darf, während SPAN nur INLINE-Elemente aufnehmen kann, könnte man auch ganz plump sagen:

"Ein DIV ist immer ein Viereck. Ein SPAN kann ein Viereck sein, muss aber nicht." :-)

Ich habe 'mal kurz eine Beispielseite gebastelt, die das hoffentlich anschaulich demonstriert:

http://home.t-online.de/home/kerki/divspan.html

Sowohl DIV wie SPAN wurden hier beide mittels ein und derselben CSS-Klasse formatiert, die wie folgt lautet:

.box { border: solid 1px #000000; background-color:#ff9933; line-height:150%;}

In der 1. Variante wird der Beispieltext erst umbrochen und danach um den gesamten Block ein Rahmen gezogen -> DIV=Block

In der 2. Variante wird der Text zunächst quasi 'in einer Linie' (= Inline) aufgereiht und mit einem Rahmen versehen und erst danach samt Rahmen umbrochen -> SPAN=Inline

Jetzt sind doch alle Klarheiten beseitigt, oder nicht? :-)

Gruß,

kerki