Detaillierte Erläuterung von Beispielen des Hauptelements in h5

Bereits 2013 wurde das Element 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a zu verwenden. Also, fangen wir an.

　Der Hauptzweck der W3C-Spezifikation

　61b85035edf2b42260fdb5632dc5728a 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 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 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 61b85035edf2b42260fdb5632dc5728a-Tags zu verwenden.

Eine weitere Voraussetzung für das 61b85035edf2b42260fdb5632dc5728a-Element ist, dass es nicht als untergeordneter Elementknoten von 23c3de37f2f9ebcb477c4a90aac6fffd, 1aa9e5d373740b65a0cc8f0a02150c53, 15221ee8cba27fc1d7a26c47a001eb9b, c37f8231a37e88427e62669260f0074d,

Verwenden Sie

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

Als nächstes verwenden Sie das Element 61b85035edf2b42260fdb5632dc5728a, 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 61b85035edf2b42260fdb5632dc5728a-Elements super einfach und dauert nur ein paar Minuten. Jetzt ist es wirklich an der Zeit, das 61b85035edf2b42260fdb5632dc5728a-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!