Die Verwendung von div-Tags formatieren Sie ein Seitenlayout
Es gibt zwei allgemeine Möglichkeiten beim Strukturieren von Inhalten von Webseiten: Tabellen oder div-Tags. Ein DIV-Element erstellt einfach einen Block auf einer Seite; die Eleganz im Einsatz kommt aus ändern und formatieren das Element mit CSS. Während Layout mit DIVs entworfen in Layouts mit Tabellen entworfen auf ähnliche Probleme stoßen können, gelten DIVs die Designlinie-Wahl.
Flexibilität
DIV-Ebenen bieten mehr Flexibilität auf einer Seite. Mit CSS können Sie jeden visuellen Aspekt eines DIV-Elements zu ändern, und ändern jedes Element einzeln von einander. Es gibt keine inhärente Struktur zu einem Div, wodurch sie einfach die Größe ändern, verschieben und positionieren. Sie haben Tabellen weitgehend verdrängt, aus diesem Grund; im Gegensatz dazu sind die Tische sehr starr strukturierten und Code-schwere. Während die Struktur der Tabellen ist, was macht sie so beliebt, im Design, können das gleiche Raster-Styling ohne den Großteil des Tabellenlayouts DIVs repliziert werden.
SEO
Im Hinblick auf die Suchmaschinen-Optimierung haben DIV Schichten einen leichten Vorteil. DIV-Elemente sind mit CSS statt die sequenzielle Platzierung innerhalb des Codes auf der Seite positioniert. Im Code können Sie Ihre Suche-freundliche am oberen Rand einer Seite, ungehindert durch andere codieren Inhalte; Sie nehmen die weniger SEO-freundlich-Inhalte, z. B. Navigation, und legen Sie sie am unteren Rand. Platzieren die höheren durchsuchbare Inhalte auf der Seite erleichtert Ihre Website durch Suchmaschinen-Bots finden.
Datei-Komplexität und Größe
Erstellen eines Layouts mit Tabellen erstellt mehr chaotischen Code--für DIV Layouts erforderlichen Codes manchmal mehr als verdoppeln. Verwendung von Tabellen macht aktualisieren und Bearbeiten Ihrer Seite komplexer und mehr Möglichkeiten für in für die Tippfehler und Syntaxfehlern führt. Das Fazit von DIV-Elementen ist, dass nicht nur sie Ihre Seite leichter machen zu verwalten und einfacher HTML benötigen, sondern sie auch kleinere Dateien aufgrund von mangelnder HTML zu rendern. Dadurch wird sichergestellt, dass Webseiten schneller laden.
Mögliche Probleme
Während DIV-Elementen Designer bei der Schaffung effizienter Webseite helfen können, kann die Übernutzung von DIVs auf die gleiche Art von aufgeblähten Code führen, die Tabellen leiden. Die Verwendung von DIV-Layer eignet sich besser für die Strukturierung von Elementen auf einer Seite; Verschachtelung von DIV-Elementen zum Formatieren oder Ändern von Text, wo andere Tags dienen könnte, erstellt genauso gut die gleichen Probleme, die auftreten bei tabellenbasierten Layouts. DIV-Ebenen können auch schwieriger zu optimieren, wenn Sie zuerst anfangen, und möglicherweise etwas anders als in älteren oder obskure Browsern präsentieren werden.