81 Stimmen

Warum sollte ich ein Container-Div in HTML verwenden?

Mir ist aufgefallen, dass eine gängige Technik darin besteht, ein allgemeines Container-Div in die Wurzel des Body-Tags zu setzen:

<html>
  <head>
    ...
  </head>
  <body>
    <div id="container">
      ...
    </div>
  </body>
</html>

Gibt es einen triftigen Grund für dieses Vorgehen? Warum kann die CSS nicht einfach auf den Body-Tag verweisen?

0voto

Troy Dalmasso Punkte 61

Dies ist eine der größten schlechten Angewohnheiten, die von Front-End-Programmierern begangen wird.

Alle Antworten über mir sind falsch. Der Körper nimmt eine Breite, Ränder, Grenzen, etc. und sollte als Ihre anfängliche Container handeln. Das Html-Element sollte als Hintergrund-"Leinwand" fungieren, wie es beabsichtigt war. In Dutzenden von Websites, die ich getan habe, musste ich nur einmal einen Container div verwenden.

Ich wäre bereit zu sein, dass diese gleichen Programmierer mit Container-Divs sind auch Streuung ihrer Markup mit divs innerhalb von divs - überall sonst.

Tun Sie es nicht. Verwenden Sie divs sparsam und streben Sie ein schlankes Markup an.

-=-=- UPDATE - Ich bin mir nicht sicher, was mit SO nicht stimmt, denn ich kann diese Antwort von vor 5 Jahren bearbeiten, aber ich kann nicht auf die Kommentare antworten, da es heißt, dass ich 50 Rep brauche, bevor ich das tun kann. Dementsprechend füge ich meine Antwort zu den Antworten hinzu, die sie hier erhalten hat. -=-=-

Ich habe dies gerade gefunden, Jahre nach meiner Antwort, und sehe, dass es einige Folgeantworten gibt. Und Sie scherzen doch sicher?

Die installierte Platzhalter-Site, die Sie für meine Domain gefunden haben, von der ich nie behauptet habe, dass sie mein Markup oder Styling ist, oder die ich in meinem Beitrag überhaupt erwähnt habe, war ganz klar eine einfache CMS-Installation mit keinem einzigen Wort Inhalt (so stand es auf der Homepage). Das war nicht mein Markup und Styling. Das war die Silverstripe-Standardvorlage. Und das ist nicht mein Verdienst. Es ist jedoch vielleicht eines von nur zwei Beispielen, die mir einfallen, die ein Container-Div erforderlich machen würden.

Beispiel 1: Eine allgemeine Vorlage zur Aufnahme von Unbekannten. In diesem Fall sahen Sie eine Standard-CMS-Vorlage, die Divs innerhalb von Divs innerhalb von Divs hatte.

Das Grauen.

Beispiel 2: Ein dreispaltiges Layout, um die Fußzeile richtig freizugeben (ich glaube, dies war wahrscheinlich das Szenario, das ich hatte, das ein Container-Div benötigte, schwer zu erinnern, weil das Jahre her ist).

Ich habe gerade ein (noch nicht einmal fertiges) Theme für meine Domain erstellt und begonnen, Inhalte zu laden. Für dieses einfach zu erreichende Beispiel für semantisches Markup, klicken Sie auf den Link.

http://www.bitbeyond.com

Ehrlich gesagt bin ich verblüfft, dass die Leute glauben, man bräuchte einen Container-Div und mit einem anfangen, bevor man überhaupt einen Körper ausprobiert hat. Der Body war, wie mir einer der ursprünglichen Autoren der CSS-Spezifikation einmal erklärte, als "anfänglicher Container" gedacht.

Markierungen sollten nach Bedarf hinzugefügt werden und nicht, weil man sie so schon gesehen hat.

0voto

kits Punkte 1

Div-Tags werden verwendet, um die Webseite so zu gestalten, dass sie für die Nutzer oder das Publikum der Website visuell ansprechend aussieht. Durch die Verwendung von container-div in html sieht die Website professioneller und attraktiver aus, so dass mehr Menschen Ihre Seite besuchen werden.

0voto

David Stančík Punkte 340

Nun,

Die Container-Div ist sehr gut zu haben, denn wenn Sie wollen, dass die Website zentriert, Sie können nicht nur mit Körper oder html... Aber man kann es mit divs. Warum Container? Normalerweise wird er verwendet, weil der Code selbst sauber und lesbar sein muss. Das ist also der Container... Er enthält die gesamte Website, falls Sie damit herumspielen wollen :)

Viel Glück!

-2voto

Max_pain Punkte 1

Die meisten Browser nehmen standardmäßig die Größe von Webseiten an. So, irgendwann Seite wird nicht gleich in verschiedenen Browsern angezeigt. Durch die Verwendung von Benutzer kann für bestimmte HTML-Element ändern. Zum Beispiel kann der Benutzer Rand, Größe, Breite, Höhe usw. eines bestimmten HTML-Tags hinzufügen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X