Heim Web-Frontend Front-End-Fragen und Antworten Was sind die Block-Tags in HTML5?

Was sind die Block-Tags in HTML5?

Dec 17, 2021 am 11:37 AM
html5

Die Block-Tags in HTML5 sind: 1. „

“, das den Dokumentkopf definiert. 2. „<section>“; 4. „<aside>“ 5. „<nav>“ 6. „<main>“ 8. „<figure>“

Was sind die Block-Tags in HTML5?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Neue Block-Tags in HTML5

Neue Elemente auf Blockebene: Kopfzeile, Abschnitt, Fußzeile, Seite, Navigation, Hauptzeile, Artikel, Abbildung

  • <header> Der Code> Tag definiert den Header (Einleitungsinformationen) des Dokuments. <code><header>标签定义文档的页眉(介绍信息)。

  • <section>标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

  • <footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个 <footer> 元素。联系信息应该位于

    标签中。

  • <aside>标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。

  • <nav>标签定义导航链接的部分。

  • <main>标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。

    在一个文档中,不能出现一个以上的 <main> 元素。

    <main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、

    或 <nav>。

  • <article>标签规定独立的自包含内容。元素的潜在来源:论坛帖子、报纸文章、博客条目、用户评论。

  • <figure>

<section>-Tag definiert einen Abschnitt (Abschnitt, Abschnitt) im Dokument. Zum Beispiel Kapitel, Kopf- und Fußzeilen oder andere Teile des Dokuments.

<footer>-Tag definiert die Fußzeile eines Dokuments oder Abschnitts. Sollte Informationen zu den darin enthaltenen Elementen enthalten. Fußzeilen enthalten normalerweise den Autor des Dokuments, Copyright-Informationen, Links zu Nutzungsbedingungen, Kontaktinformationen und mehr. Sie können in einem Dokument mehrere <footer>-Elemente verwenden. Kontaktinformationen sollten im Tag
enthalten sein. 🎜🎜🎜🎜<aside>-Tag definiert Inhalte außerhalb des Inhalts, in dem es sich befindet. Der Inhalt sollte für Inhalte in der Nähe relevant sein. Kann als Seitenleiste verwendet werden. Das Tag 🎜🎜🎜🎜<nav> definiert den Teil des Navigationslinks. 🎜🎜🎜🎜<main>-Tag gibt den Hauptinhalt des Dokuments an. Der Inhalt seiner Elemente sollte für das Dokument einzigartig sein. Es sollte keine Inhalte enthalten, die im gesamten Dokument wiederholt vorkommen, z. B. Seitenleisten, Navigationsleisten, Copyright-Informationen, Website-Logos oder Suchformulare. 🎜🎜In einem Dokument darf nicht mehr als ein <main>-Element vorkommen. 🎜🎜Das <main>-Element darf kein Nachkomme von <article>, <aside>, <footer>,
oder <nav> sein. 🎜🎜🎜🎜<article>-Tag gibt unabhängige, eigenständige Inhalte an. Mögliche Quellen für Elemente: Forenbeiträge, Zeitungsartikel, Blogeinträge, Benutzerkommentare. 🎜🎜🎜🎜<figure>-Tag gibt unabhängige Flussinhalte an (Bilder, Diagramme, Fotos, Code usw.). 🎜🎜🎜🎜Verwandte Empfehlungen: „🎜HTML-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonWas sind die Block-Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles