div-Tag - Bedeutung?

  • #1
S

Sahne

Guest
Hallo,

obwohl ich diesen Tag schon oft in Quellcodes gesehen habe, weiß ich immer noch nicht genau, wozu man diesen eigentlich braucht/verwendet.

Weiß es jemand von euch?

.. Sahne
 
  • #2
Moin,
hier mal ein kleiner auszug aus selfhtml.

Sollte man sich mal runterladen:



Sie können mehrere Elemente wie Text, Grafiken, Tabellen usw., in einen gemeinsamen Bereich einschließen. Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt. Ansonsten hat es keine Eigenschaften. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden.

Beispiel:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<div align=center>
<h1>Alles zentriert</h1>
<ul>
<li>alles zentriert</li>
<li>alles?</li>
<li>alles!</li>
</ul>
</div>

<div align=right>
<h1>Alles rechts am Rand</h1>
<ul>
<li>alles rechts am Rand</li>
<li>alles?</li>
<li>alles!</li>
</ul>
</div>

</body>
</html>



Erläuterung:
Mit <div> leiten Sie ein allgemeines Blockelement ein, in das Sie mehrere andere Block-Elemente einschließen können (div = division = Bereich). Alles, was zwischen diesem Tag und dem abschließenden </div> steht, wird als Teil des Bereichs interpretiert.
 
  • #3
Danke, safer. :)

Da Tabellen ja auch mit CSS formatiert werden können, brauch man den div-Tag also nur, wenn man keine Tabellen verwendet, richtig?

Kann man anstelle des div-Tags nicht auch <p></p> verwenden?
>>>
Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt.
Zum Vergrößern anklicken....
>>> Trifft doch auch auf den p-Tag zu, oder?

.. Sahne
 
  • #4
Hi

Der p Tag hat aber einen Abstand nach oben und unten, der div tag wird zum Beispiel häufig für Layer eingesetzt.

Gruß, Michael
 
  • #5
Hallo PCDReitz,

wozu braucht man den div-tag, wenn es einen eigenen layer-Tag gibt?

Auszug aus SelfHTML:
Code: 
<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<layer id=Beispiel_ID name=Beispielname top=150 left=250 width=300>

<h1>Irgendwo auf Ihrem Bildschirm ...</h1>
<p>Alles, was Sie hier sehen, ist in einen Layer
integriert. Auch das folgende Bild:</p>
<p><img src=bild.gif width=68 height=68 border=0
alt=Was der Mond alles mit ansehen muß></p>

</layer>

</body>
</html>

.. Sahne
 
  • #6
Hi

Der Layer Tag ist nicht offiziell in HTML und nur vom Netscape 4 verwendet.

Gruß, Michael
 
  • #7
Also kann man komplette Websites mit dem div-Tag anstatt mit Tabellen erstellen?

.. Sahne
 
  • #8
Wenn man die Beispiele bei Self HTML anschaut, sieht man doch für was man das div Tag braucht :eek:

Man formatiert MEHRERE HTML-Tags mit einem Befehl.
safer hat es in dem ersten Beispiel doch schon gezeigt: das div Tag formatiert sowohl das <h1> als auch das <ul> Tag. Wenn man es ohne das <div> machen würde müsste man es also so schreiben:

HTML: 
<h1 align=center>Header</h1>
<ul align=center>
...
</ul>
Man müsste also in jedem HTML Tag die Formatierungregel angeben, durch div muss man es nur einmal.

Für mich ist die Unterscheidung eigenlich relativ simpel: ich nehme das div Tag, wenn ich mehrere Elemente gleich aussehen lassen will (Schriftfarbe, Schriftgröße) z.B. für normalen Text und darin eingebunde Links (in der selben Textfarbe).
Tabellen nehme ich, wenn ich das Aussehen der Webpage im Großen gestalten will.
 
  • #9
OK, danke euch.

Mir war der Unterschied vermutlich noch nicht klar, weil ich das div-Tag noch nicht gebraucht/verwendet habe.

.. Sahne
 
Thema:

div-Tag - Bedeutung?

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben