Detaillierte Beschreibung der HTML-Elemente auf Blockebene

高洛峰
Freigeben: 2017-03-15 12:48:54
Original
1731 Leute haben es durchsucht
<h2>Vorhergehende Wörter <p>  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

<p>

h

<p>  im Detail vorgestellt. Das Titelelement (Heading) hat sechs verschiedene Ebenen, <h1> ist die höchste Stufe und <h6> ist die niedrigste. Ein Titelelement, das das Thema des Abschnitts kurz beschreibt

<p>   Von <h1> bis <h6> nimmt die Bedeutung allmählich ab und auch die Schriftgröße nimmt ab. Beachten Sie bei der Verwendung von Titelelementen die folgenden Punkte:

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

<p> 2. Vermeiden Sie das Überspringen einer bestimmten Überschriftenebene: Beginnen Sie immer mit <h1>, verwenden Sie dann <h2> usw.

<p> 3. Vermeiden Sie bei Verwendung des <section>-Elements Duplikate für Der Einfachheit halber sollte bei der Verwendung von <h1> auf einer Seite <h1> verwendet werden, um den Titel der Seite anzugeben, und andere Titel sollten mit <h2> beginnen. Bei Verwendung von <section> sollte jeder Abschnitt ein <h2>

<p>【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;
Nach dem Login kopieren
<p> HTML5Neu hinzugefügtes <hgroup>-Tag verwenden. Es stellt ein dar Titelgruppe, wird zum Kombinieren von Titeln verwendet. Verwenden Sie

<hgroup>
    <h1>水果</h1>
    <h2>苹果</h2>
</hgroup>
Nach dem Login kopieren
<p>

p

<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 <p>

[Standardstil] <p>

margin: 16px 0;

<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
Nach dem Login kopieren
<p> Das

p

 <p>-Element (Pide) (oder <p>HTML-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 )<article> Das <nav>

<p>hr<🎜 Das >

  

-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, <p> für die Aufteilung zu verwenden. <hr>

<p>【 Standardstil】<hr><hr>

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>
Nach dem Login kopieren
<p>

【Standardstil】
margin: 8px 0;
border-style: inset;
border-width: 1px;
Nach dem Login kopieren
<p>

Blockquote<p>
</code> </p>Element (oder HTML-Blockebene <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><pre class="brush:php;toolbar:false">
body {
  color:red;
}
Nach dem Login kopieren
Zitat <p> 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;
Nach dem Login kopieren
<p> [Hinweis] Zitat Die Verfasserzeile muss außerhalb des Zitats

【Standardstil】<p><blockquote> <cite>Adresse

definiert werden <p> 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>
Nach dem Login kopieren
oder <p> Vorfahrenelement Kontaktinformationen bereitzustellen. Im letzteren Fall gilt es für das gesamte Dokument

<p>  当表示一个和联系信息无关的任意的地址时,使用<p>元素而不是<address>元素。这个元素不能包含除了联系信息之外的任何信息,比如出版日期(这应该包含在<<a href="http://www.php.cn/wiki/1268.html" target="_blank">time</a>>元素中)。通常,<address>元素可以放在当前section的<footer>元素中,如果存在的话

<p>【默认样式】

font-style: italic;
Nach dem Login kopieren
<p> 

其他

<p>  除了上面介绍的<p><h><p><hr><blockquote><address>标签外,还有一些前面已经介绍过的标签属于块级标签

<p>  包括骨架类标签(<html><body>),列表类标签(<ul><ol><<a href="http://www.php.cn/wiki/596.html" target="_blank">dl</a>><dd><dt>),表单类标签(<a href="http://www.php.cn/wiki/125.html" target="_blank">for</a>m<fieldset><output><legend><optgroup><option>),HTML5新增的结构标签(<article><aside><header><footer><nav><section>),HTML5新增的多媒体标签(<figure><figcaption>),HTML5新增的功能性标签(<summary><details>)

<p> 

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage