Ist es wirklich so schlimm, viele Div -Tags zu verwenden?

Unser neuestes Buch-das mit dem kontroversen Titel-hat bei einem Scheunentanz viel Debatte und mehr Reaktionen von Knie-Ruck-Reaktionen verursacht als ein Eimer Frösche. Ein Kommentar, den ich häufig veröffentlicht habe, ist, dass das Ersetzen von Tabellen -Tags durch Divs, die als Tabellen angezeigt werden, nicht anders ist. Sie können genauso gut Tische verwenden. “ Das Argument ist interessant, weil es so klingt, als ob der Kommentator bedeutet, dass der einzige Grund, keine Tabellen -Tags zu verwenden, die Anzahl der beteiligten Tags ist.

Ich werde meinen Hals herauskleben und Ja sagen, auch wenn Sie nur Ihre gesamte Tisch-, TR- und TD -Tags durch Div -Tags ersetzen, die wie diese Tischelemente angezeigt werden, ist es besser, als HTML -Tabellen für das Layout zu verwenden.

Niemand wird durch die Überbeanspruchung struktureller Div -Tags negativ beeinflusst. Das Gleiche gilt nicht für die Verwendung von HTML -Tabellen für das Layout.

Eine Webseite, bei der verschachtelte Tabellen für das Layout verwendet werden, ist schwer zu drucken, schwer zu sehen auf einem mobilen Gerät und schwer zu navigieren für Benutzer von Bildschirmlesern. Eine Bildschirmleseranwendung stolpert häufig über verschachtelte HTML -Tabellen und kündigt so etwas wie „Tisch mit 5 Zeilen und 2 Spalten“ an, wenn sie in den Tabelleninhalt und das „Tabellenende“ eingeht, sobald sie verlässt. Die gleiche Webseite, die verschachtelte Divelelemente verwendet, kann so gestaltet werden, dass sie für den Druck und die Anzeige auf einem mobilen Gerät ordentlich gestapelt werden, und die Bildschirmleser ignorieren Divelelemente.

Mithilfe von HTML -Tabellen implizieren Sie, dass der Inhalt jeder Zelle mit dem Inhalt anderer Zellen in zwei Dimensionen zusammenhängt: in derselben Zeile und in derselben Spalte. Andererseits impliziert ein Div keine solche Beziehung zu anderen DIV -Elementen. Es ist einfach Inhaltsgerüste und es wird keine Bedeutung aus ihrer Verwendung abgeleitet.

Ok, es ist möglicherweise nicht der richtige Ansatz für das Problem, aber es ist falsch, dass alle tabellbezogenen Tags durch Divelelemente nicht der richtige Ansatz für das Problem sind. HTML 4.01 definiert das DIV als „generische Sprach-/Stil -Container“ oder genauer gesagt:

Die Div- und Spannelemente in Verbindung mit den ID- und Klassenattributen bieten einen generischen Mechanismus zum Hinzufügen von Struktur zu Dokumenten. Diese Elemente definieren den Inhalt als Inline- (Spannweite) oder Blockebene (DIV) auf, stellen dem Inhalt jedoch keine weiteren Präsentations-Redewendungen auf. Daher können Autoren diese Elemente in Verbindung mit Stilblättern, dem Lang -Attribut usw. verwenden, um HTML auf ihre eigenen Bedürfnisse und Geschmäcker anzupassen.

So können wir Divelemente verwenden, um Inhaltsblöcke zu definieren. Klingt so, als ob die Verwendung verschachtelter Divelelemente zur Strukturierung von Inhalten perfekt gültig ist. Solange Sie keine Divelelemente anstelle von geeignteren wie Überschriften, Absätzen, Blockquoten, Listen und natürlich Tabellen für tabellarische Daten verwenden, geht es Ihnen gut.

Der Ansatz, den Sie beim Erstellen eines Layouts mit HTML-Tabellenelementen erstellen, besteht darin, das Layout in HTML zuerst zu sperren, bevor Sie Ihre Webseite stylen. Dies ist falsch und fliegt angesichts etablierter Best Practice: Trennen Sie Ihre Präsentation von Ihren Inhalten.

Dies unterscheidet sich völlig vom CSS -Layout -Ansatz, auch wenn viele Div -Elemente verwendet werden. Zum Beispiel könnte ich alle Inhalte einwickeln, die das Site -Branding in einem DIV -Tag repräsentieren, sowie alle Inhalte, die zusätzliche Site -Informationen in einem anderen Div -Tag darstellen. Die Tatsache, dass ich in CSS einen Stil anwenden kann, der das Site -Branding oben auf der Webseite und die zusätzlichen Site -Informationen unten platziert, ist noch nicht wichtig. In der Layout-Phase kann ich das tun, oder ich kann die CSS-Tabellen-Anzeigewerte verwenden, um sie zu Spalten oder Zeilen zu machen. Das Markup kann auf verschiedene Weise gestaltet werden, da der Ansatz das Layout im HTML-Markup nicht sperrt.

häufig gestellte Fragen (FAQs) zu Div -Tags in HTML

Was ist der Hauptzweck für die Verwendung von Div -Tags in HTML? Webentwickler verwenden Div -Tags, um HTML -Elemente zu gruppieren und CSS -Stile auf viele Elemente gleichzeitig anzuwenden. Dies ist eine Möglichkeit, Inhalte zu organisieren und Struktur für Ihr Weblayout bereitzustellen.

Gibt es Alternativen zur Verwendung von Div -Tags? HTML5 führte neue semantische Elemente ein, die anstelle von Div -Tags verwendet werden können, wie

,,

,

Das obige ist der detaillierte Inhalt vonIst es wirklich so schlimm, viele Div -Tags zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!