<Div> </div> Abteilung/Abschnitt im Dokument kann definiert werden, um die Dokumente in unabhängige und verschiedene Teile zu unterteilen. <Div> </div> Tags können als strenger Organisationsinstrument verwendet werden und verwenden kein Format, um damit verbunden zu sein, was die Idee enthält, ein HTML -Etikett und den Ausdrucksstil zu trennen. In der tatsächlichen Arbeit geben wir normalerweise ID- oder Klasseneigenschaften für <div> </div> Tags an, um das Tag effektiver zu gestalten. <Div> </div> ist ein Block -Level -Element, was bedeutet, dass der Inhalt automatisch eine neue Zeile startet. Und tatsächlich ist sich das Veränderung von inhärent einzigartigem Format zu verändern.
Die folgende HTML simuliert die Struktur der Nachrichten -Website. Jedes dieser Paare von <Viv> </div> -Tags kombinieren den Titel und die Zusammenfassung jeder Nachricht, dh <div> </div> fügt dem Dokument zusätzliche Struktur hinzu. Gleichzeitig können diese <div> </div> zu denselben Art von Elementen gehören, die Class = News -Eigenschaft, um diese <div> </div> -Tags zu identifizieren. Formatieren Sie die <div> </div>.
<div class = news> <h2> Nachrichtenübertragung 1 </h2> <p> Ein Text. <h2> <h2> <h2> Nachrichtenübertragung 2 </H2> <p> Einige Text.2. <span> </span> Etikett
<Pan> Tags werden verwendet, um die Linienelemente im Dokument zu kombinieren.
<span style = color: rot> Hinweis: </span>Zweitens Block -Level -Elemente und Linienelemente
Blockelement und in -Line -Elementen/innere zugehörige Elemente sind Konzepte in CSS. Dies liegt daran, dass diese Elemente als Inhaltsstück angezeigt werden, dh Blöcke. Im Gegenteil, Elemente wie <span> </span> und <strong> </strong> werden in -Line -Elemente bezeichnet.
Das Konzept von Block -Level -Elementen und Leinenelementen ist nicht fest, sondern relativ. Wir können den Typ des Anzeigungsattributs des Elements verwenden, um das generierte Typ zu ändern. Dies bedeutet, dass durch das Blockieren der Anzeigeeigenschaft die In -Line -Elemente (z. B. <a> Elemente) wie Block -Level -Elemente aussehen. Als Inline können wir sogar die Anzeigeeigenschaft auf keinen Fall eingestellt werden, so dass das Element überhaupt keinen Rahmen hat. dokumentieren.
<div id = dv1 style = display: block> Ich bin ein Block -Level -Element. </div> <div id = dv2 style = display: inline> Ich bin eine Zeilelinie. </div> <div3 = div3 style = display: Keine> Ich bin nicht sichtbar </div>Drittens Vergleich von <div> </div> und <span> </span>
1. In ähnlicher Weise werden <div> </div> Beschriftungen und <span> </span> Tags verwendet, um Tags zu klassifizieren, aber keine praktische Semantik;
2. Verschiedene Punkte: <Div> </div> Das Etikett ist ein Block -Level -Element, und der Browser fügt vor und nach dem Babel automatisch ein Banketikett hinzu.
Wenn Sie im Web -Layout zwei Inhalte in derselben Zeile anzeigen möchten, besteht der einfachste Weg, sie mit <spann> </span> Tags zu packen. Beispielsweise hat eine Seite zwei benachbarte Elemente, eine ist <div> </div> und die andere ist <span> </span>. Wenn Sie sie in derselben Zeile anzeigen möchten, können Sie diese <div> </div> in <span> </span> ändern. Natürlich kann es auch implementiert werden, indem die Anzeigeeigenschaft von <div> </div> und anderen Etiketten über CSS auf Inline gesetzt wird.