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:

58df48222acf97f27a81098b01a8aa73 Tag-Vorschriften Der Hauptinhalt des Dokuments. Der Inhalt des

61b85035edf2b42260fdb5632dc5728a-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 61b85035edf2b42260fdb5632dc5728a-Element vorkommen. Das 61b85035edf2b42260fdb5632dc5728a-Element darf kein Nachkomme von 23c3de37f2f9ebcb477c4a90aac6fffd, 15221ee8cba27fc1d7a26c47a001eb9b, c37f8231a37e88427e62669260f0074d, 1aa9e5d373740b65a0cc8f0a02150c53 oder c787b9a589a3ece771e842a6176cf8e9 sein. Das

61b85035edf2b42260fdb5632dc5728a-Tag ist ein neues Tag in HTML 5.

Das 61b85035edf2b42260fdb5632dc5728a-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

61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a-Element in die HTML-Spezifikation aufgenommen wurde, ist das 6c04bd5ca3fcae76e30b72ad730ca86d-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 61b85035edf2b42260fdb5632dc5728a-Tags in einem Dokument zu verwenden. Eine weitere Voraussetzung für das Element

61b85035edf2b42260fdb5632dc5728a ist, dass es nicht als untergeordneter Elementknoten von 23c3de37f2f9ebcb477c4a90aac6fffd, 1aa9e5d373740b65a0cc8f0a02150c53, 15221ee8cba27fc1d7a26c47a001eb9b, c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9 verwendet werden kann ;.

Spezifische Verwendung des HTML5-Haupttags:

Genau wie andere neue HTML5-Elemente können nicht alle Browser 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a-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 61b85035edf2b42260fdb5632dc5728a-Elements.

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

Im Folgenden wird das Element 61b85035edf2b42260fdb5632dc5728a 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 HTML56ecb87e5318a36c03c59e25d55f43372-Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-6ecb87e5318a36c03c59e25d55f43372-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!