Was bedeutet das HTML5-Haupttag? Detaillierte Einführung in die Rolle des HTML5-Haupttags-H5-Tutorial-php.cn

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:

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 <main&gt ;-Element ist erwähnenswert. Der Haken ist, dass es nur einmal pro Seite verwendet werden kann. Warum ist festgelegt, dass eine Seite nur einmal verwendet werden darf? Auch wenn mich die konkreten Details nicht interessieren, scheinen einige Punkte doch Sinn zu ergeben.

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;} Nach dem Login kopieren Um einige niedrigere Versionen von IE-Browsern zu unterstützen, müssen Sie manchmal auch JavaScript verwenden, um dieses Element zu erstellen.

document.createElement('main'); Nach dem Login kopieren Natürlich können Sie auch html5shiv verwenden.

Der einfachste Weg, das -Element zu verwenden, besteht darin, diejenigen <div&gt zu ersetzen, deren ID- oder Klassenwert main oder content ist. ;-Element.

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

Header Main Content Footer Nach dem Login kopieren Im Folgenden wird das Element verwendet, um das Dokument neu zu schreiben.

Header Main Content Footer Nach dem Login kopieren Nun, es ist so einfach, dass wir das Dokument in weniger als einer Minute in den neuesten HTML5-Stil umschreiben können.

【Verwandte Empfehlungen】

标签是什么意思？HTML5 标签的基本用法详解">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?