Ausführliche Erläuterung der HTML-Elemente auf Blockebene

Vorhergehende Wörter

  Vor dem Aufkommen von HTML5 Menschen im Allgemeinen Elemente sind in Blockebenen-, Inline- und Inline-Block-Elemente unterteilt. In diesem Artikel werden die HTML-Blockebenenelemente

h

  im Detail vorgestellt. Das Heading-Element hat sechs verschiedene Ebenen, 4a249f0d628e2318394fd9b75b4636b1 ist die höchste Stufe, während 4e9ee319e0fa4abc21ff286eeb145ecc die niedrigste ist. Ein Titelelement, das das Thema des Abschnitts kurz beschreibt

 , nimmt von 4a249f0d628e2318394fd9b75b4636b1 zu 4e9ee319e0fa4abc21ff286eeb145ecc allmählich an Bedeutung ab und auch die Schriftgröße nimmt ab. Bitte achten Sie bei der Verwendung von Titelelementen auf die folgenden Punkte

1. Verwenden Sie keine Low-Level-Titel, um die Schriftgröße des Titels zu reduzieren, sondern verwenden Sie den CSS-Schriftgrößenstil

2. Vermeiden Sie das Überspringen einer bestimmten Überschriftenebene: Beginnen Sie immer mit 4a249f0d628e2318394fd9b75b4636b1, verwenden Sie dann c1a436a314ed609750bd7c7d319db4da usw.

  3. Vermeiden Sie aus Bequemlichkeitsgründen die Verwendung des 2f8332c8dcfd5c7dec030a070bf652c3-Elements Duplizierung auf einer Seite Bei Verwendung von 4a249f0d628e2318394fd9b75b4636b1 sollte 4a249f0d628e2318394fd9b75b4636b1 verwendet werden, um den Titel der Seite darzustellen. Bei Verwendung von c1a436a314ed609750bd7c7d319db4da sollten andere Titel ein 2f8332c8dcfd5c7dec030a070bf652c3c1a436a314ed609750bd7c7d319db4da

für jeden Abschnitt verwenden [Standard]. Stil】

//从h1到h6
margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;
font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;
font-weight: bold;

HTML5 hat das Tag

hinzugefügt, das eine Titelgruppe darstellt und zum Kombinieren von Titeln verwendet wird. Es wird nur verwendet, wenn ein Block mehrere Titelebenen haben muss Das d8eccd9ed644b68a6460a2bb84548c82

p

<hgroup>
    <h1>水果</h1>
    <h2>苹果</h2>
</hgroup>

 

-Element (Absatz) stellt einen Textabsatz dar. Dieses Element erscheint normalerweise als ganzer Textblock, der vom angrenzenden Text getrennt ist, entweder durch vertikale Leerzeichen getrennt oder eingerückt Die erste Zeile.

e388a4556c0f65e1904146cc1a846bee[Standardstil]

p

margin: 16px 0;
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

Element (Pide) (oder HTML-Dokumentpartitionselement) ist ein allgemeiner Flussinhaltscontainer Es stellt semantisch keinen bestimmten Inhaltstyp dar. Es kann zum Gruppieren anderer Elemente verwendet werden, im Allgemeinen für stilbezogene Anforderungen (unter Verwendung von Klassen- oder ID-Attributen) oder zum Gruppieren einer Reihe von Elementen mit denselben Merkmalen (z. B. lang). Es sollte nur verwendet werden, wenn keine anderen semantischen Elemente verfügbar sind (z. B.

oder e388a4556c0f65e1904146cc1a846bee). 23c3de37f2f9ebcb477c4a90aac6fffdc787b9a589a3ece771e842a6176cf8e9hr

  

-Elemente stellen Themen zwischen Elementen auf Absatzebene dar. Übergang (z (z. B. ein Szenenwechsel in einer Geschichte oder ein Themenwechsel in einem Kapitel). In früheren HTML-Versionen war dies eine horizontale Linie, aber jetzt wird sie im visuellen Browser immer noch als horizontale Linie dargestellt

 f32b48428a809b51f04d3228cdf461fa wird für die Segmentierung zwischen Elementen auf Absatzebene verwendet, nicht auf der Leistungsebene.

muss nicht für die Segmentierung zwischen Blöcken verwendet werden

f32b48428a809b51f04d3228cdf461faf32b48428a809b51f04d3228cdf461fa [Standardstil]

<p>段落1</p>
<hr>
<p>段落2</p>

pre

margin: 8px 0;
border-style: inset;
border-width: 1px;

 

-Element stellt vorformatierten Text dar. Der Text in diesem Element ist normalerweise in einer Schriftart mit fester Breite entsprechend dem Format in der angezeigten Originaldatei angeordnet. Leerzeichen (wie Leerzeichen und Zeilenumbrüche) im Text werden angezeigt und weisen normalerweise auf Satzinhalte wie Codeblöcke und Zeichenmalereien usw. hin.

e03b848252eb9375d56be284e690e873[Standardstil]

<pre class="brush:php;toolbar:false">
body {
  color:red;
}

blockquote

margin: 1em 0;
white-space: pre;

 

-Element (oder HTML-Block-Level-

quote

-Element), was bedeutet, dass der darin enthaltene Text zitierter Inhalt ist. Normalerweise wird der Inhalt dieses Teils beim Rendern bis zu einem gewissen Grad eingerückt. Wenn das Zitat aus dem Internet stammt, können Sie die Quell-URL-Adresse des Originalinhalts auf das Cite-Attribut setzen. Wenn Sie die Leser über die Quelle des Zitats in Textform informieren möchten, können Sie das Element b8a712a75cab9a5aded02f74998372b4 verwenden  [Hinweis] Zitat Die Namensnennung muss außerhalb des Zitats definiert werden f3a85e1241a187c5ac462d886e9a968b

[Standardstil]

<blockquote cite="http://baike.baidu.com/view/921793.htm">
<p>横眉冷对千夫指,俯首甘为孺子牛</p>
</blockquote>    
<p>鲁迅</p>

Adresse

margin: 1em  40px;

Das

-Element ermöglicht es dem Autor, ihm das nächstgelegene

zuzuordnen. Oder das

-Vorfahrenelement stellt Kontaktinformationen bereit. Im letzteren Fall gilt es für das gesamte Dokument 208700f394e4cf40a7aa505373e0130b23c3de37f2f9ebcb477c4a90aac6fffd Wenn Sie eine beliebige Adresse darstellen, die nichts mit Kontaktinformationen zu tun hat, verwenden Sie das 6c04bd5ca3fcae76e30b72ad730ca86d-Element anstelle des

-Elements. Dieses Element darf keine anderen Informationen als Kontaktinformationen enthalten, beispielsweise das Veröffentlichungsdatum (dieses sollte in 8086d40593ea269eb4c313b6ad16f966 Element). Normalerweise kann das e388a4556c0f65e1904146cc1a846bee-Element im 208700f394e4cf40a7aa505373e0130b-Element des aktuellen Abschnitts platziert werden, sofern es vorhanden ist 865ebc4a8f40017839ddd62af936776f208700f394e4cf40a7aa505373e0130b[Standardstil]c37f8231a37e88427e62669260f0074d

Andere

font-style: italic;

Zusätzlich zur obigen Einführung Zusätzlich zu den Tags

,

,

, e388a4556c0f65e1904146cc1a846bee, c8b28895262a62371d18ac056c4442e2 und e388a4556c0f65e1904146cc1a846bee gibt es auch einige zuvor eingeführte Tags, die zu den gehören Tag auf Blockebene f32b48428a809b51f04d3228cdf461fa

umfasst Skelett-Tags (100db36a723c770d327fc0aef2ce13b1, 6c04bd5ca3fcae76e30b72ad730ca86d), Listen-Tags (ff6d136ddc5fdfeffaf53ff6ee95f185, c34106e0b4e09414b63b2ea253ff83d6, 5c69336ffbc20d23018e48b396cdd57a, 67bc4f89d416b0b8236eaa5f43dee742, 73de882deff7a050a357292d0a1fca94) und Formular-Tags (form, 2b5469ab79cf842344327415c3b3bb95). , be6d67dae90cc1ad6469079e163d0939, e911751791aa3ba95dc724e2fb905976, 5b7a15bed8615d1b843806256bebea72, 5a07473c87748fb1bf73f23d45547ab8), neue Struktur-Tags in HTML5 (23c3de37f2f9ebcb477c4a90aac6fffd, 15221ee8cba27fc1d7a26c47a001eb9b, 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9, 2f8332c8dcfd5c7dec030a070bf652c3), neu Multimedia-Tags in HTML5 (24203f2f45e6606542ba09fd2181843a, 614eb9dc63b3fb809437a716aa228d24), neue funktionale Tags in HTML5 (631fb227578dfffda61e1fa4d04b7d25, a5e9d42b316b6d06c62de0deffc36939)

Endlich

Vielleicht denken Sie vielleicht, dass das 0c6dc11e160d3b678d68754cc175188a Tag sollte ein Element auf Blockebene sein, da es Zeilenumbrüche aufweist und den Eigenschaften von Elementen auf Blockebene sehr ähnlich ist. Tatsächlich handelt es sich jedoch um ein Inline-Element, dessen Zweck darin besteht, einen Zeilenumbruch im Text

zu erzeugen

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der HTML-Elemente auf Blockebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!