Was ist der Vorteil eines DIV-Tags?
HTML-Elemente modellieren die Inhaltselementen innerhalb von Webseiten. Unter Verwendung von Elementen, können Entwickler die Seiten mit bestimmten logischen Strukturen und Eigenschaften der Präsentation erstellen. Das "Div"-Tag ist eines der häufigsten Elemente in Webseiten. Ein "Div"-Tag stellt einen Abschnitt einer Seite und kann Text, Daten, Medien oder sonstigen Elemente, einschließlich andere geschachtelte "Div"-Elemente enthalten. Mit "Div" Elemente, können Entwickler Websites erstellen, die konsistent in Erscheinung und empfänglich für die zukünftige Entwicklung sind.
Struktur
Die Technologien, die für das Erstellen einer separaten Website-Inhalte von der Formatierung. "Div"-Elemente in einer Webseite ermöglichen dem Entwickler jede Element- und Abschnitt Inhalt, eine logische Struktur für die Seite als Ganzes zu modellieren. Der folgende Beispiel-HTML-Markup-Code veranschaulicht ein "Div"-Element mit weiteren Elementen geschachtelt drin:
< Div Class = "äußeren" >
Hier ist etwas Text.
< Div Class = "inner" >
< Img Alt = "ein Bild" / >
Hier ist mehr Text.
< / Div >
< / Div >
Wenn Web-Entwickler zunächst Seiten erstellen, können sie den Seiteninhalt mit jedem Abschnitt umgeben von "Div"-Tags, so dass sie mehr Inhalt und Styling Code inkrementell hinzufügen einfügen.
HTML-Varianten
Vor XHTML enthalten frühere Versionen von HTML-Markup manchmal Informationen zu Präsentation anstatt Inhalt. XHTML-Seiten zu erstellen, in denen Inhalt und Stil an verschiedenen Orten innerhalb des gesamten Codes für eine Webseite oder Website bestimmt werden, soll. Das "Div"-Tag ist ein wichtiges Element innerhalb dieser Art der Web-Entwicklung, da das Element rein entwickelt wurde, um einen Abschnitt einer Seite zu definieren, anstatt bestimmte Darstellungseigenschaften darauf anwenden. Dies bedeutet, dass "Div" Elemente können Entwickler erstellen von Seiten, die höher sind Qualität und Zuverlässigkeit in Web-Browsern.
Layout
Wenn ein Entwickler mit einer Reihe von "Div" Elemente eine Webseite erstellt, können sie Cascading Style Sheet Code verwenden, um zu bestimmen, wie diese Teile der Inhalte für Benutzer die Seite in einem Webbrowser anzeigen erscheinen. CSS kann Entwickler wenden, Positionierung und layouten Eigenschaften auf die Elemente auf einer Seite im Verhältnis zueinander. Der folgende Beispielcode CSS schreibt vor, dass einige Elemente auf der gleichen horizontalen Linie als einander geschwommen werden sollten:
div.Outer
{Width: 100 %;}
div.inner
{Width: 400px; Float: Left;}
div.inner img
{Float: Left;}
Bei Anwendung auf das Beispiel-HTML-Inhalt verursacht diese Deklarationen den Inhalt angezeigt werden, Seite an Seite, anstatt Zeilenumbrüche zwischen der "Div"-Elemente, die ihr Standardstil wie Blockelemente ist.
Stil
CSS-Code kann verschiedene Styling-Eigenschaften auf "Div" Elemente neben der Ermittlung ihres Layouts innerhalb der Seite anwenden. Klasse und ID-Attribute verwenden, können Entwickler ähnliche Stile für die Gruppen von Elementen innerhalb einer gesamten Website erstellen. Wenn eine Website viele Bilder mit Bildunterschriften, die neben ihnen angezeigt enthält und der Entwickler die gleichen Stileigenschaften für diese Beschriftung Abschnitte gelten möchte, kann er beispielsweise das gewünschte Ergebnis erreichen, indem man jeden Abschnitt der Beschriftungstext innerhalb eines "Div"-Elements mit bestimmten Class-Attribut wie folgt:
< Div Class = "Capt" > hier ist die Beschriftung Text. < / Div >
Der CSS-Code kann dann identifizieren und Stil dieser Abschnitte für die gesamte Website wie folgt:
{div.Capt}
Schrift-Größe: Small;
Farbe: #333333;
}