HTML5-Semantik – Haupt

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 besteht darin, ARIAs Wahrzeichenfunktion main auf Elemente in HTML abzubilden. 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.

Seitdem das 61b85035edf2b42260fdb5632dc5728a-Element in die HTML-Spezifikation aufgenommen wurde, ist das 6c04bd5ca3fcae76e30b72ad730ca86d-Element auf seine HTML4-Definition zurückgesetzt.

Das Body-Element repräsentiert einmal den Inhalt des Dokuments. 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.

Wenn Sie versuchen, mehrere 61b85035edf2b42260fdb5632dc5728a-Tags in einem Dokument zu verwenden, gibt der W3C-Validator laut Spezifikation einen Fehler aus.

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

Verwenden Sie

Genau wie andere neue HTML5-Elemente können nicht alle Browser 61b85035edf2b42260fdb5632dc5728a erkennen und Standardstile hinzufügen. Möglicherweise müssen Sie es zu einem eigenen Element auf Blockebene machen CSS-Datei.

main {display:block;}

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.

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

Der einfachste Weg, das 61b85035edf2b42260fdb5632dc5728a-Element zu verwenden, besteht darin, den ID- oder Class-Wert durch main oder content zu ersetzen . Klasse von dc6dce4a544fdca2df29d5ac0ea9906b

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.

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

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

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, also ist es jetzt wirklich an der Zeit, das 61b85035edf2b42260fdb5632dc5728a-Element einzuführen um die Website zu entwickeln.

Das Obige ist der Inhalt der HTML5-Semantik - Hauptinhalt. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!