Was bedeutet das HTML5-Haupttag? Detaillierte Einführung in die Rolle des HTML5-Haupttags

Was bedeutet das HTML5-Haupt-Tag? Welche Funktionen hat das HTML5-Haupttag? In diesem Artikel geht es hauptsächlich um die Definition und spezifische Funktion des HTML5-Haupttags sowie um detaillierte Anweisungen zur Verwendung des HTML5-Haupttags.

Schauen wir uns zunächst einmal an, was HTML-Main bedeutet:

Die Definition und Funktion des HTML5-Main-Tags:

< main> Tag-Vorschriften Der Hauptinhalt des Dokuments. Der Inhalt des

-Elements sollte für das Dokument eindeutig sein. Es sollte keine Inhalte enthalten, die im gesamten Dokument wiederholt vorkommen, z. B. Seitenleisten, Navigationsleisten, Copyright-Informationen, Website-Logos oder Suchformulare.

Hinweis: In einem Dokument kann nicht mehr als ein

-Element vorkommen. Das

-Element darf kein Nachkomme von

,

,

,

oder

sein. Das

-Tag ist ein neues Tag in HTML 5.

Das

-Element wurde bereits 2013 offiziell zur W3C-HTML-Spezifikation hinzugefügt. Bisher ist die Definition dieses Elements ziemlich gut, jetzt ist es an der Zeit, einen genaueren Blick darauf zu werfen, wann es angebracht ist Verwenden Sie es. Also, fangen wir an. Der Hauptzweck der

W3C-Spezifikation

ist die Zuordnung des ARIA-Landmarks main zu einem Element in HTML. Dies hilft Screenreadern und Hilfsgeräten dabei, zu erkennen, wo der Hauptinhalt der Seite beginnt.

Die W3C-Spezifikation beschreibt

als:

Der Hauptinhalt eines Dokuments oder einer Anwendung. Der Hauptinhaltsbereich besteht aus Inhalten, die sich direkt auf das zentrale Thema des Dokuments oder die Kernfunktionalität der App beziehen oder sich darauf erstrecken.

Seit das

-Element in die HTML-Spezifikation aufgenommen wurde, ist das -Element auf seine HTML4-Definition zurückgesetzt.

Das Body-Element stellt den Inhalt des Dokuments dar.

Die spezifische Rolle des HTML5-Haupttags:

Die Verwendung des

Gemäß Spezifikation gibt der W3C-Validator einen Fehler aus, wenn Sie versuchen, mehrere

-Tags in einem Dokument zu verwenden. Eine weitere Voraussetzung für das Element

ist, dass es nicht als untergeordneter Elementknoten von

,

,

,

,

verwendet werden kann ;.

Spezifische Verwendung des HTML5-Haupttags:

Genau wie andere neue HTML5-Elemente können nicht alle Browser

erkennen und ihm einen voreingestellten Stil geben, Möglicherweise möchten Sie es als Element auf Blockebene in Ihrer eigenen CSS-Datei festlegen.

main {display:block;}

Um einige niedrigere Versionen von IE-Browsern zu unterstützen, müssen Sie manchmal auch JavaScript verwenden, um dieses Element zu erstellen.

<script type="text/javascript">document.createElement(&#39;main&#39;);</script>

Natürlich können Sie auch html5shiv verwenden.

Der einfachste Weg, das

-Element zu verwenden, besteht darin, diejenigen

Wie soll es also in der Praxis aussehen? Nachfolgend finden Sie die Struktur des Dokuments vor der Verwendung des

-Elements.

<header>Header</header>
<div id="content">Main Content</div>
<footer>Footer</footer>

Im Folgenden wird das Element

verwendet, um das Dokument neu zu schreiben.

<header>Header</header>
<main id="content">Main Content</main>
<footer>Footer</footer>

Nun, es ist so einfach, dass wir das Dokument in weniger als einer Minute in den neuesten HTML5-Stil umschreiben können.

【Verwandte Empfehlungen】

Was bedeutet das HTML5-Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5--Tags

Was bedeutet HTML-Textbereich? Wie bekomme ich Zeilenumbrüche und Leerzeichen in Textarea-Tags?

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Haupttag? Detaillierte Einführung in die Rolle des HTML5-Haupttags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!