suchen

Heim >Web-Frontend >H5-Tutorial >Was bedeutet das HTML5-Abschnitts-Tag? Zusammenfassung der Verwendung des HTML5-Abschnitts-Tags

Was bedeutet das HTML5-Abschnitts-Tag? Zusammenfassung der Verwendung des HTML5-Abschnitts-Tags

寻∝梦
寻∝梦Original
2018-08-29 16:36:3823424Durchsuche

Dieser Artikel stellt hauptsächlich die Definition des HTML5-Abschnitts-Tags und seine Verwendung vor. Zum Schluss gibt es eine Fallzusammenfassung. Beginnen wir nun mit dem Lesen dieses Artikels.

Erklären wir es zuerst HTML5-Abschnitts-Tag:

Das HTML5-Abschnitts-Tag definiert die Abschnitte (Abschnitte, Abschnitte) im Dokument. Zum Beispiel Kapitel, Kopf- und Fußzeilen oder andere Teile des Dokuments.

Sehen Sie sich ein Beispiel an, damit Sie das Abschnitts-Tag besser verstehen:

Der Abschnitt im Dokument erklärt den PRC: 

<section>
  <h1>PHP中文网</h1>
  <p>这里是PHP中文网，网址是www.php.cn</p>
</section>

Der Beispieleffekt lautet wie folgt:

Was bedeutet das HTML5-Abschnitts-Tag? Zusammenfassung der Verwendung des HTML5-Abschnitts-Tags

Lassen Sie uns nun über die Punkte sprechen, die Sie beim Abschnitts-Tag beachten sollten:

Abschnitt ist kein dediziertes Tag zu Containern. Wenn es nur zum Festlegen von Stilen oder zur Skriptverarbeitung verwendet wird, sollte der dedizierte Abschnitt div

Titel (h1~6) haben, es wird jedoch empfohlen, Artikel anstelle von

zu verwenden Eine einfache Regel ist, dass nur Elemente Das Abschnittselement ist nur geeignet, wenn der Inhalt in der Dokumentgliederung aufgeführt wird. Die Funktion des Abschnitts

besteht darin, den Inhalt der Seite in Abschnitte zu unterteilen, z. B. jeden Abschnitt mit Titel, Funktionsbereich oder Artikelabschnitt. Verwechseln Sie ihn nicht mit Artikeln, die über einen eigenen vollständigen und unabhängigen Inhalt verfügen.

Verwendung des HTML5-Abschnitts-Tags:

HTML5 führt den

-Tag ein, der zur Beschreibung der Struktur des Dokuments verwendet wird das
-Tag. Unter bestimmten Umständen gibt es jedoch offensichtliche Unterschiede zwischen den beiden.

w3s Definition von besteht darin, einen Abschnitt eines Dokuments zu definieren (der eine eigene und haben kann).

w3s Definition von

lautet: Definieren Sie einen Abschnitt eines Dokuments. (Aber es scheint besser für das äußere Layout geeignet zu sein, da ihm die Semantik fehlt.)

Schauen wir uns nun einen Fall an: 

<body>
  <header></header>
  <div id=“content”>
     <section></section>
     <section></section>
  </div>
  <footer></footer>
</body>

Hier verwenden wir

darin ändern, da der Unterschied zwischen den beiden hier nicht klar zu unterscheiden ist: 

<section id=”content”>
   <section></section>
   <section></section>
</section>

oder: 

<div id=”content”>
   <div></div>
   <div></div>
</div>

Zusammenfassung der HTML5-Abschnitts-Tags:

Wir verwenden das

-Tag, um das gesamte äußerste Kapitel anzuordnen, und verwenden
, um interne Kapitel zu definieren . Wenn das gesamte Dokument als Kapitel betrachtet wird, können Sie natürlich auch
anstelle von
verwenden. Es wird jedoch empfohlen, nicht
zu verwenden, um Stellen zu ersetzen, die durch
div>. Diese Orte können nicht die Semantik von
widerspiegeln.

【Empfehlung des Herausgebers】

Wie schließe ich den Text im Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags

Wie verwende ich HTML-Iframe-Tags? Einführung in Anwendungsbeispiele des HTML-Iframe-Tags

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Abschnitts-Tag? Zusammenfassung der Verwendung des HTML5-Abschnitts-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：Beispielanalyse: HTML5-Frontend-Leistungstest (Grafik und Text)Nächster Artikel：Beispielanalyse: HTML5-Frontend-Leistungstest (Grafik und Text)

In Verbindung stehende Artikel

Mehr sehen