<span> und <div> - Unterschied?

[bidu2004]

Hallo zusammen,
ich habe da eine Frage und zwar:
Besteht ein Unterschied zwischen dem <span>-Element und dem <div>-Element? Falls ja, was für welche, und was für eine Relevanz hat es für den Nutzer und den Entwickler.
MfG bidu2004

 

[skizZ]

Ein Div ist ein Blockelement und erzeugt automatische Zeilenumbrüche..
Ein Span ist ein Inlineelement und erzeugt keinen neuen Zeilenumbruch...
Ein Div sollte semantisch richtig eingesetzt einen längeren Abschnitt einleiten.

 

[bidu2004]

<div> ist also das selbe wie <p> oder????

 

[stachelbeer]

Nein. Div guppiert währen p einen Textabsatz kennzeichnet

 

[Efchen]

<div> ist also das selbe wie <p> oder????

Wie kommst Du darauf?

 

[bidu2004]

<p> erzeugt doch auch einen Absatz, oder?
@effchen hattest du in deine knapp 7800 Beiträgen je eine Signatur??

 

[_Thor_]

<p> erzeugt doch auch einen Absatz, oder?

Nicht wenn ich ihm

p {display: inline;}

gebe.

Was ich damit sagen will, HTML ist nicht für das Aussehen im Browser zuständig sondern nur für die Semantik.

Layout macht man mit CSS.

 

[xXxPeterPanxXx]

<div> ist also das selbe wie <p> oder????

Nein,
höchstens von dem Aussehen. Da man mit HTML aber etwas auszeichnet, darf man für einen Text nur <p> verwenden und nicht <div>.

Mit einem Div kannst du Tags gruppieren (nicht mit der Verwendung übertreiben):

<div>
<p>Bla1</p>
<p>Bla2</p>
<p>Bla3</p>
<ul>
<li>Li1</li>
<li>Li2</li>
<li>Li3</li>
<li>Li4</li>
<li>Li5</li>
</ul>
<img src="bild.png" alt="Ich bin ein Bild" />
</div>

Mit span kannst du innerhalb eines Elementes bestimmt Stellen anders Formartieren.

<p>Ich bin ein normaler Text<span>Ich bin grün</span>Ich bin normaler Text</p>

MfG xXxPeterPanxXx

 

[admin]

Für mich noch relevant:

Ein DIV kann andere DIVs enthalten. Ein SPAN ist nur ein inline-Element und kann nicht zum "Stapeln" verwendet werden.

 

[Efchen]

<p> erzeugt doch auch einen Absatz, oder?

Was hat ein Absatz, wie Du ihn verstehst, mit HTML zu tun?
<div> zeichnet eine logische Gruppe aus.
<p> zeichnet einen Textabsatz aus.
Mehr ist nicht definiert.
Das Aussehen macht CSS, die Defaulteinstellungen sind aber auch nicht normiert.

Merke: HTML ist nicht für das Aussehen in visuellen Browsern zuständig!

@effchen hattest du in deine knapp 7800 Beiträgen je eine Signatur??

Nein, wozu? Für noch mehr sinnlosen Overhead?
Meine Beiträge sind es, die Informationen enthalten, nicht eine Signatur.

Ein DIV kann andere DIVs enthalten. Ein SPAN ist nur ein inline-Element und kann nicht zum "Stapeln" verwendet werden.

Ein span kann auch andere spans enthalten. Nur kein div, weil Inline-Elemente keine Block-Elemente enthalten dürfen.