Detaillierte Erläuterung von Beispielen des Hauptelements in h5

Bereits 2013 wurde das Element

offiziell zur W3C-HTML-Spezifikation hinzugefügt. Bisher war die Definition dieses Elements sehr vollständig, daher ist es jetzt an der Zeit, einen genaueren Blick darauf zu werfen Es ist angemessen, das Element

zu verwenden. Also, fangen wir an.

　Der Hauptzweck der W3C-Spezifikation

　

ist die Zuordnung der wegweisenden Hauptfunktion von ARIA zu Elementen 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 Definition in HTML4 zurückgekehrt.

Das Body-Element stellt den Inhalt des Dokuments dar. Eine Sache ist, dass es nur einmal pro Seite verwendet werden kann. Warum sollten wir festlegen, dass eine Seite nur einmal verwendet werden kann? Auch wenn mich die konkreten Details nicht interessieren, scheinen einige Punkte doch Sinn zu ergeben.

Laut Spezifikation gibt der W3C-Validator einen Fehler aus, wenn Sie versuchen, mehrere

-Tags zu verwenden.

Eine weitere Voraussetzung für das

-Element ist, dass es nicht als untergeordneter Elementknoten von

,

,

,

,

Verwenden Sie

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

voreingestellte Stile hinzufügen. Möglicherweise müssen Sie es zu einem eigenen Element auf Blockebene machen CSS-Datei.

Manchmal müssen Sie zur Unterstützung einiger niedrigerer Versionen von IE-Browsern möglicherweise auch JavaScript verwenden, um dieses Element zu erstellen.

Natürlich können Sie auch html5shiv verwenden.

    main {display:block;}

Der einfachste Weg, das

-Element zu verwenden, besteht darin, diejenigen zu ersetzen, deren ID- oder Klassenwert main oder content ist.< ;p>-Element.

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

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

-Elements.

Als nächstes verwenden Sie das Element

, um das Dokument neu zu schreiben.

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

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

Zusammenfassung

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

Wie Sie sehen, ist die Verwendung des

-Elements super einfach und dauert nur ein paar Minuten. Jetzt ist es wirklich an der Zeit, das

-Element zu verwenden die Website entwickeln.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen des Hauptelements in h5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!