Was bewirkt <div> bei der Gestaltung einer Website?
Update:
@Toxy Du meinst also, dass das <div> auch zur Absatzformatierung dem <p> vorzuziehen ist. Habe ich das jetzt richtig verstanden? Denn immerhin hat es ja die gleiche Wirkung: Zeilenvorschub.
juliansw98 und SenfJoe haben ja schon die offizielle definition geliefert. also liefere ich die praktische alltagsdefinition.
das <div> ist ein allgemeines tag, das selbst weder eine spezielle aufgabe hat, noch mit vordefinierter formatierung kommt (bzw nur minimal). in der praxis verwendet man es ueberall, wo man entweder einen bereich "markieren" und mit einer "id" versehen will, um dann zb mit javascript diesen zu steuern, also zb einen teil der seite per mausklick sichtbar/unsichtbar zu machen. oder um einem bereich eine eigene css klasse zuzuweisen ohne sonst an der unterteilung viel zu veraendern.
oder man verwendet es, wenn man einem bestimmten bereich eine spezielle formatierung geben will, ohne auf andere tags zurueckzugreifen wie <p> oder <h1>, die eigentlich nicht dafuer gedacht sind. auch nicht in verbindung mit css. hier muss man wissen, dass zb suchmaschinen wie Google diese tags auswerten und es daher sehr laienhaft ist, diese wild zum formatieren zu verwenden.
auch gerne benutzt um die anordnung von elementen zu steuern, wenn man zb mehrspaltigen text haben will. (viele benutzen dafuer tabellen, aber das ist ein grober fehler)
fuer simple formatierung inerhalb eines textbereichs gibt es noch das <span> tag, das aehnliche aufgaben hat. das <span> fuehrt nicht zu einem "zeilenvorschub", was beim div normalerweise der fall ist.
edit:
Mions aussage ist so nicht richtig. das eingabefeld ist ein input label und ob divs einen rahmen haben oder nicht, haengt von der entscheidung des designer/programmierers ab. der gesamte horizontale bereich (input area, "Y! Clever suche" button und "erweiterte suche" ist allerdings in ein <div> eingeschlossen.
edit II:
neihein! ich wusste, dass das wieder falsch verstanden wird :)
wenn du einen neuen absatz hast, dann benutz das <p>, das dafuer gedacht ist. und wenn ein kompletter absatz zb gruen hinterlegt sein soll, dann formatiere diesen absatz so indem du ihm zb eine css klasse zuweist. selbes fuer <h1>, wenn es tatsaechlich eine ueberschrift ist, dann ist <h1> oder <h2> usw angebracht.
einer der wichtigsten bereiche fuer <div> ist ueberall da, wo anfaenger tabellen benutzen um sachen anzuordnen. (aber wenn du wirklich eine tabelle mit daten hast, dann ist <table> natuerlich ok)
Mit <div> leiten Sie ein allgemeines Block-Element 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.
ein <div></div> DIV = Division, ist ein Block-Element(darf alleine im Quelltext stehen) und Bildet einen geschlossenen Bereich der HTML Seite, hierfür kannst du im CascadingStyleSheet eine breite und höhe, Farbe sowie die Position festlegen.
Der weisse Hintergrund hier zum Beispiel ist eine <div>
Answers & Comments
Verified answer
juliansw98 und SenfJoe haben ja schon die offizielle definition geliefert. also liefere ich die praktische alltagsdefinition.
das <div> ist ein allgemeines tag, das selbst weder eine spezielle aufgabe hat, noch mit vordefinierter formatierung kommt (bzw nur minimal). in der praxis verwendet man es ueberall, wo man entweder einen bereich "markieren" und mit einer "id" versehen will, um dann zb mit javascript diesen zu steuern, also zb einen teil der seite per mausklick sichtbar/unsichtbar zu machen. oder um einem bereich eine eigene css klasse zuzuweisen ohne sonst an der unterteilung viel zu veraendern.
oder man verwendet es, wenn man einem bestimmten bereich eine spezielle formatierung geben will, ohne auf andere tags zurueckzugreifen wie <p> oder <h1>, die eigentlich nicht dafuer gedacht sind. auch nicht in verbindung mit css. hier muss man wissen, dass zb suchmaschinen wie Google diese tags auswerten und es daher sehr laienhaft ist, diese wild zum formatieren zu verwenden.
auch gerne benutzt um die anordnung von elementen zu steuern, wenn man zb mehrspaltigen text haben will. (viele benutzen dafuer tabellen, aber das ist ein grober fehler)
fuer simple formatierung inerhalb eines textbereichs gibt es noch das <span> tag, das aehnliche aufgaben hat. das <span> fuehrt nicht zu einem "zeilenvorschub", was beim div normalerweise der fall ist.
edit:
Mions aussage ist so nicht richtig. das eingabefeld ist ein input label und ob divs einen rahmen haben oder nicht, haengt von der entscheidung des designer/programmierers ab. der gesamte horizontale bereich (input area, "Y! Clever suche" button und "erweiterte suche" ist allerdings in ein <div> eingeschlossen.
edit II:
neihein! ich wusste, dass das wieder falsch verstanden wird :)
wenn du einen neuen absatz hast, dann benutz das <p>, das dafuer gedacht ist. und wenn ein kompletter absatz zb gruen hinterlegt sein soll, dann formatiere diesen absatz so indem du ihm zb eine css klasse zuweist. selbes fuer <h1>, wenn es tatsaechlich eine ueberschrift ist, dann ist <h1> oder <h2> usw angebracht.
einer der wichtigsten bereiche fuer <div> ist ueberall da, wo anfaenger tabellen benutzen um sachen anzuordnen. (aber wenn du wirklich eine tabelle mit daten hast, dann ist <table> natuerlich ok)
Mit <div> leiten Sie ein allgemeines Block-Element 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.
ein <div></div> DIV = Division, ist ein Block-Element(darf alleine im Quelltext stehen) und Bildet einen geschlossenen Bereich der HTML Seite, hierfür kannst du im CascadingStyleSheet eine breite und höhe, Farbe sowie die Position festlegen.
Der weisse Hintergrund hier zum Beispiel ist eine <div>
Probiere es doch mal aus.
kenzeichnet einen Bereich oder Block
Alles, was du zwischen <div> DIV-Tags</div> einquetschst, wird in einem rechteckigen Rahmen angezeigt.
Auch das Suchfeld weiter oben ist vermutlich in einer div.