Ausführliche Erläuterung der HTML-Elemente auf Blockebene-HTML-Tutorial-php.cn

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

迷茫

Freigeben： 2017-03-25 12:16:00

Original

1680 Leute haben es durchsucht

<h2>Vorhergehende Wörter <p> 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

<p> im Detail vorgestellt. Das Heading-Element hat sechs verschiedene Ebenen, <h1> ist die höchste Stufe, während <h6> die niedrigste ist. Ein Titelelement, das das Thema des Abschnitts kurz beschreibt

<p> , nimmt von <h1> zu <h6> allmählich an Bedeutung ab und auch die Schriftgröße nimmt ab. Bitte achten Sie bei der Verwendung von Titelelementen auf die folgenden Punkte

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

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

<p> 3. Vermeiden Sie aus Bequemlichkeitsgründen die Verwendung des <section>-Elements Duplizierung auf einer Seite Bei Verwendung von <h1> sollte <h1> verwendet werden, um den Titel der Seite darzustellen. Bei Verwendung von <h2> sollten andere Titel ein <section><h2>

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

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

HTML5 hat das Tag <p> 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 <hgroup>

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

Nach dem Login kopieren

-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. <p><p>[Standardstil]

<p>

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

Nach dem Login kopieren

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. <p> oder <p>). <article><nav>hr

-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 <p> <hr> 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 <p><hr><hr> [Standardstil]

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

Nach dem Login kopieren

<p>pre

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

Nach dem Login kopieren

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

<p>

</code>[Standardstil]</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;"><pre class="brush:php;toolbar:false">
body {
  color:red;
}
Nach dem Login kopieren