Wie Sie Verwendung und Anzeige HTML DIV-Tags

Moderne HTML schreibt ein Array semantische Tags, einer der häufigsten Wesens DIV Stichworte, die dienen zum organisieren und strukturieren eines Dokuments. Sie sind Block-Level Elemente, was bedeutet, dass auch ohne zusätzliche Formatierungsanweisungen sie Seitenumbrüche vor und nach dem Inhalt hinzugefügt werden. Für Inhalte, die nicht logisch getrennt von seiner Umgebung ist, ist das SPAN-Tag die bessere Wahl.

Anweisungen

1 Prüfen Sie, wie eine Seite aufgebaut werden soll. Z. B. möglicherweise ein Abschnitt Navigation, einen Textabschnitt, Sidebar, Footer und vieles mehr. Jede dieser sollte in eine eigene logische Einheit, adressierbare mit einem HTML DIV-Tag gruppiert werden.

2 Erstellen Sie für jede logische Einheit einen DIV-Tag. Beispielsweise würde der Textinhalt gehen in ein DIV, das so aussieht: < Div Id = "Body" > Inhalt geht hier < / Div > das Id-Attribut gibt an, dass es nur ein Body-Element pro Seite sollte. Die < / Div > ist ein Endtag, die uns das Tag sagt abgeschlossen ist.

3 Verstehen Sie, dass manchmal eine logische Arbeitseinheit wird voraussichtlich mehr als einmal pro Seite auftreten. Beispielsweise Verbuchung könnte in ein DIV-Tag eingeschlossen werden, und möglicherweise gibt es mehrere von diesen auf der gleichen Seite, alle Stil ähnlich. Wenn dies der Fall ist, wird ein Class-Attribut anstatt eines Id-Attributs verwendet: < Div Class = "Eintrag" > Content Goes Here < / Div >

4 Wenn Sie ein CSS-Stylesheet verwenden, um Ihre Tags Stile hinzuzufügen, wird anders als ein DIV mit Class-Attribute ein DIV-Tags mit Id-Attribute zugegriffen. Ein DIV mit Id-Attribute mit einem Nummernzeichen verwiesen wird, und ein DIV mit Class-Attribute vorangestellt ist ein Zeitraum. #content {Styles für DIV mit Id = "Inhalt" gehen hier} .entry {Styles für DIV mit der Klasse = "Eintrag" gehen hier}