Detaillierte Beschreibung der HTML-Elemente auf Blockebene

Vorhergehende Wörter

  Vor dem Aufkommen von HTML5 teilten die Menschen Elemente im Allgemeinen in Blockebene, Inline und Inline-Blockelemente ein. In diesem Artikel werden die HTML-Elemente auf Blockebene

h

  im Detail vorgestellt. Das Titelelement (Heading) hat sechs verschiedene Ebenen, 4a249f0d628e2318394fd9b75b4636b1 ist die höchste Stufe und 4e9ee319e0fa4abc21ff286eeb145ecc ist die niedrigste. Ein Titelelement, das das Thema des Abschnitts kurz beschreibt

  Von 4a249f0d628e2318394fd9b75b4636b1 bis 4e9ee319e0fa4abc21ff286eeb145ecc nimmt die Bedeutung allmählich ab und auch die Schriftgröße nimmt ab. Beachten Sie bei der Verwendung von Titelelementen die folgenden Punkte:

1. Verwenden Sie keine Low-Level-Titel, um die Schriftart des Titels zu reduzieren. Verwenden Sie stattdessen den CSS-Stil font-size

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

3. Vermeiden Sie bei Verwendung des 2f8332c8dcfd5c7dec030a070bf652c3-Elements Duplikate für Der Einfachheit halber sollte bei der Verwendung von 4a249f0d628e2318394fd9b75b4636b1 auf einer Seite 4a249f0d628e2318394fd9b75b4636b1 verwendet werden, um den Titel der Seite anzugeben, und andere Titel sollten mit c1a436a314ed609750bd7c7d319db4da beginnen. Bei Verwendung von 2f8332c8dcfd5c7dec030a070bf652c3 sollte jeder Abschnitt ein c1a436a314ed609750bd7c7d319db4da

【Standardstil】

//从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;

 HTML5Neu hinzugefügtes d8eccd9ed644b68a6460a2bb84548c82-Tag verwenden. Es stellt ein dar Titelgruppe, wird zum Kombinieren von Titeln verwendet. Verwenden Sie

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

p

nur, wenn der Block mehrere Titelebenen haben muss (Absatz) und einen Textabsatz darstellt . Dieses Element erscheint normalerweise als ganzer Textblock, der vom angrenzenden Text getrennt ist, entweder durch vertikale Leerzeichen getrennt oder mit der ersten Zeile eingerückt e388a4556c0f65e1904146cc1a846bee

[Standardstil]

margin: 16px 0;

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

Das

p

 

-Element (Pide) (oder e388a4556c0f65e1904146cc1a846beeHTML-Dokument-Partitionselement) ist ein allgemeiner Flussinhaltscontainer, der semantisch keinen bestimmten Inhaltstyp darstellt , kann es verwendet werden, um andere Elemente zu zu gruppieren, im Allgemeinen für stilbezogene Anforderungen (mithilfe von class oder id-Attribut) oder um eine Reihe von Elementen mit demselben Attribut zu gruppieren ( B. lang), sollte es nur verwendet werden, wenn keine anderen semantischen Elemente verfügbar sind (z. B. oder )23c3de37f2f9ebcb477c4a90aac6fffd Das c787b9a589a3ece771e842a6176cf8e9

hr

  

-Element stellt einen thematischen Übergang zwischen Elementen auf Absatzebene dar (z. B. einen Szenenwechsel innerhalb einer Geschichte oder einen Wechsel im Thema eines Kapitels). In frühen HTML-Versionen war es eine horizontale Linie. Es kann weiterhin als horizontale Linie im visuellen Browser dargestellt werden, ist jedoch derzeit als semantische und nicht als Präsentationsebene definiert.

Es ist nicht erforderlich,

für die Aufteilung zu verwenden. f32b48428a809b51f04d3228cdf461fa

【 Standardstil】f32b48428a809b51f04d3228cdf461faf32b48428a809b51f04d3228cdf461fa

Text formatieren. Der Text in diesem Element wird normalerweise in einer Schriftart mit fester Breite entsprechend dem Format in der Originaldatei angezeigt. Leerzeichen (z. B. Leerzeichen und Zeilenumbrüche) werden im Text angezeigt, was normalerweise auf Satzinhalte wie Codeblöcke usw. hinweist Zeichenmalerei usw.

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

【Standardstil】

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

Blockquote

e03b848252eb9375d56be284e690e873 

Element (oder HTML-Blockebene

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

Zitat

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

verwenden

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

 [Hinweis] Zitat Die Verfasserzeile muss außerhalb des Zitats

【Standardstil】

b8a712a75cab9a5aded02f74998372b4 f3a85e1241a187c5ac462d886e9a968bAdresse

definiert werden

Das

-Element ermöglicht es dem Autor, zu seinem nächstgelegenen

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

oder

Vorfahrenelement Kontaktinformationen bereitzustellen. Im letzteren Fall gilt es für das gesamte Dokument

  当表示一个和联系信息无关的任意的地址时，使用e388a4556c0f65e1904146cc1a846bee元素而不是208700f394e4cf40a7aa505373e0130b元素。这个元素不能包含除了联系信息之外的任何信息，比如出版日期(这应该包含在865ebc4a8f40017839ddd62af936776f元素中)。通常，208700f394e4cf40a7aa505373e0130b元素可以放在当前section的c37f8231a37e88427e62669260f0074d元素中，如果存在的话

【默认样式】

font-style: italic;

 

其他

  除了上面介绍的e388a4556c0f65e1904146cc1a846bee、c8b28895262a62371d18ac056c4442e2、e388a4556c0f65e1904146cc1a846bee、f32b48428a809b51f04d3228cdf461fa、b8a712a75cab9a5aded02f74998372b4、208700f394e4cf40a7aa505373e0130b标签外，还有一些前面已经介绍过的标签属于块级标签

  包括骨架类标签(100db36a723c770d327fc0aef2ce13b1、6c04bd5ca3fcae76e30b72ad730ca86d)，列表类标签(ff6d136ddc5fdfeffaf53ff6ee95f185、c34106e0b4e09414b63b2ea253ff83d6、def3eed00a09ea710a4bfa4b7fe74771、67bc4f89d416b0b8236eaa5f43dee742、73de882deff7a050a357292d0a1fca94)，表单类标签(<a href="http://www.php.cn/wiki/125.html" target="_blank">for</a>m、2b5469ab79cf842344327415c3b3bb95、be6d67dae90cc1ad6469079e163d0939、e911751791aa3ba95dc724e2fb905976、5b7a15bed8615d1b843806256bebea72、5a07473c87748fb1bf73f23d45547ab8)，HTML5新增的结构标签(23c3de37f2f9ebcb477c4a90aac6fffd、15221ee8cba27fc1d7a26c47a001eb9b、1aa9e5d373740b65a0cc8f0a02150c53、c37f8231a37e88427e62669260f0074d、c787b9a589a3ece771e842a6176cf8e9、2f8332c8dcfd5c7dec030a070bf652c3)，HTML5新增的多媒体标签(24203f2f45e6606542ba09fd2181843a、614eb9dc63b3fb809437a716aa228d24)，HTML5新增的功能性标签(631fb227578dfffda61e1fa4d04b7d25、a5e9d42b316b6d06c62de0deffc36939)

 

最后

  可能有人会觉得0c6dc11e160d3b678d68754cc175188a标签应该是一个块级元素，因为它有换行，与块级元素的特征很相似。但它实际上是一个内联元素，它的用途是在文本中产生一个换行

Das obige ist der detaillierte Inhalt vonDetaillierte Beschreibung der HTML-Elemente auf Blockebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!