Warum sollte ich ein div-Container in HTML verwenden?

stimmen
60

Ich bin derzeit HTML / CSS zu lernen, und habe eine gemeinsame Technik bemerkt ist ein generischen Container div in der Wurzel des Body-Tages zu legen:

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

Gibt es einen triftigen Grund, dies zu tun? Warum kann die CSS-Referenz nur den Body-Tag?

Veröffentlicht am 10/12/2008 um 01:34
quelle vom benutzer
In anderen Sprachen...                            


9 antworten

stimmen
58

Der Behälter div und manchmal Inhalt div, werden fast immer verwendet, für anspruchsvollere CSS Styling zu ermöglichen. Der Body-Tag ist in gewisser Weise etwas Besonderes. Browser behandelt es nicht wie ein normales div; seine Position und die Abmessungen sind mit dem Browserfenster gebunden.

Aber ein div - Container ist nur ein div und Sie können es mit Rändern und Grenzen stylen. Sie können es eine feste Breite geben, und Sie können es Zentrum mit margin-left: auto; margin-right: auto.

Plus, Inhalt, wie ein Copyright-Hinweis kann beispielsweise an der Außenseite des Behälters div gehen, aber es kann auf der Außenseite des Körpers nicht gehen, so dass für den Inhalt der Außenseite einer Grenze.

Beantwortet am 10/12/2008 um 01:40
quelle vom benutzer

stimmen
10

Diese Methode ermöglicht es Ihnen, Stylen des gesamten Inhalts mehr Flexibilität haben. Effectivly die Schaffung von zwei Containern, die Sie Stil können. HTML-Body-Tag, das als Hintergrund dient, und die div mit der id Container, die Ihre Inhalte enthält.

Somit können Sie Ihre Inhalte innerhalb der Seite positionieren, während ein Hintergrund oder andere Effekte ohne Probleme Styling. Betrachten Sie es als ein „Rahmen“ für den Inhalt.

Beantwortet am 10/12/2008 um 01:38
quelle vom benutzer

stimmen
2

Dies ist einer der größten schlechten Gewohnheiten von Front-End-Programmierer begangen.

Alle Antworten über mir sind falsch. Der Körper nimmt eine Breite, Ränder, Rahmen usw. und soll als Ausgangsbehälter handeln. Das HTML-Element sollte als Hintergrund „Leinwand“ handeln, wie es beabsichtigt war. In Dutzenden von Websites, habe ich getan habe, hatte ich nur einmal einen div-Container zu verwenden.

Ich wäre bereit zu sein, dass diese gleichen Coder Container Divs verwenden auch innerhalb von divs ihre Markup mit divs sind Littering - überall.

Nicht‘tun es. Verwenden Sie divs sparsam und für schlanke Markup zielen.

- = - = - UPDATE - nicht sicher, was mit so falsch ist, weil ich diese Antwort von vor 5 Jahren bearbeiten kann, aber ich kann nicht auf die Kommentare antworten, wie es sagt, ich 50 Reps müssen, bevor ich dies tun kann. Dementsprechend werde ich meine Antwort auf die Antworten fügen Sie es hier erhalten. - = - = -

Ich fand gerade diese, Jahre nach meiner Antwort, und sehen, dass es einige Antworten folgen zu lassen. Und du, sicher Scherz?

Die installierte Platzhalter Website, die Sie für meine Domain gefunden, die ich nie behauptet, mein Markup oder Styling war, oder sogar in meinem Beitrag erwähnt, wurde sehr deutlich ein einfaches CMS mit keinem Wort von Inhalten installieren (es, so viel auf der Homepage). Das war nicht meine Markup und Styling. Das war die Silversstandardvorlage. Und ich nehme keinen Kredit dafür. Es ist aber, vielleicht einer von nur zwei Beispiele, die ich daran denken kann, würde einen div-Container erforderlich machen.

Beispiel 1: Ein generischer Schablone Unbekannten aufzunehmen. In diesem Fall wurden Sie eine Standard-CMS-Vorlage zu sehen, die innerhalb von divs divs innerhalb von divs hatte.

Der Horror.

Beispiel 2: Ein drei Spalten-Layout zu bekommen die Fußzeile richtig zu löschen (Ich denke, das war wahrscheinlich das Szenario, das ich hatte, dass ein div-Container benötigt, schwer zu merken, denn das vor Jahren war.)

Ich habe bauen gerade (noch nicht fertig noch) ein Thema für meine Domain und begann Inhalt zu laden. Für diese leicht erreicht Beispiel für semantisches Markup, klicken Sie auf den Link.

http://www.bitbeyond.com

Ehrlich gesagt, ich bin verblüfft, dass die Leute denken, dass Sie tatsächlich einen div-Container müssen und beginnen mit einem, bevor überhaupt auch nur ein Körper versucht. Der Körper, wie ich gehört, dass es von einer der ursprünglichen Autoren der CSS-Spezifikation einmal erklärt, wurde als „Ausgangsbehälter“ vorgesehen.

Markup sollte je nach Bedarf hinzugefügt werden, nicht weil das ist nur so, wie Sie es getan gesehen haben.

Beantwortet am 17/06/2010 um 22:30
quelle vom benutzer

stimmen
1

Ich weiß, das ist eine alte Frage, aber ich konfrontiert dieses Problem selbst eine Website neu zu gestalten. Troy Dalmasso hat mir denken. Er macht einen guten Punkt. Also, ich begann zu sehen, ob ich es ohne einen div-Container arbeiten kann.

Ich könnte, wenn ich die Breite des Körpers. In meinem Fall 960px.

Dies ist die CSS-i verwenden:

html {
  text-align:center;
}

body {
  margin: 0 auto;
  width: 960px;
}

Diese Zentren schön die Inline-Blöcke, die auch eine feste Breite haben.

Hoffe, dass dies von Nutzen für jeden ist.

Beantwortet am 30/01/2013 um 15:03
quelle vom benutzer

stimmen
1

Bestimmte Browser (<hust> Internet Explorer) nicht unterstützen , bestimmte Eigenschaften auf den Körper, vor allem widthund max-width.

Beantwortet am 17/06/2010 um 22:44
quelle vom benutzer

stimmen
1

Die häufigsten Gründe sind für mich so, dass:

  1. Das Layout kann eine feste Breite hat (ja, ich weiß, ich habe eine Menge Arbeit für Designer tun, die Breiten fester Liebe), und
  2. Zentrum für den Körper und dann Marge: Auto nach links und rechts des Behälter div So kann das Layout, indem text-align zentriert werden.
Beantwortet am 10/12/2008 um 01:44
quelle vom benutzer

stimmen
0

Gut,

Der Behälter div ist sehr gut zu haben, denn wenn Sie die Seite zentriert möchten, können Sie einfach nicht tun, nur mit dem Körper oder html ... aber Sie können mit divs. Warum Container? Die in der Regel verwendet wird, nur weil der Code itselve sauber und gut lesbar sein muss. Das ist also, Container ... Er enthält alle Webseite, falls Sie mit ihm verwirren wollen um :)

Viel Glück

Beantwortet am 28/09/2015 um 08:44
quelle vom benutzer

stimmen
0

div-Tags werden verwendet, um die Webseite zu gestalten, so dass es für die Benutzer oder Zuschauer der Website optisch ansprechend aussehen. Container-div in HTML verwendet, wird die Website professionelle aussehen und attraktiv machen und damit mehr Menschen möchten, dass Ihre Seite zu erkunden.

Beantwortet am 16/09/2015 um 21:35
quelle vom benutzer

stimmen
-2

Die meisten Browser nehmen Web-Seitengröße standardmäßig. Also, irgendwann Seite wird nicht in anderen Browser gleichen anzuzeigen. Also, durch den Benutzer verwendet, kann für bestimmte HTML-Element ändern. Beispielsweise können Benutzer hinzufügen Rand, Größe, Breite, Höhe usw. bestimmten HTML-Tages.

Beantwortet am 04/02/2017 um 20:41
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more