Semantik ist die Untersuchung der Bedeutung von Wörtern und Phrasen in der Sprache. Semantisches Element = Element, das eine Bedeutung hat. Das semantische Element beschreibt klar, was es für Browser und Entwickler bedeutet. Beispiele für nicht-semantische Elemente ：<div>和<span>- über deren Inhalt ist nichts bekannt. Beispiele für semantische Elemente: <form>, <table> und <article> – definieren ihren Inhalt klar. Alle modernen Browser unterstützen semantische HTML5-Elemente.
Viele Websites enthalten HTML-Code wie ：<div id =nav> <div class =header> <div id =footer> um Navigation, Kopf- und Fußzeilen anzuzeigen. HTML5 bietet neue semantische Elemente zur Definition verschiedener Teile einer Webseite:
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>HTML5-<section>-Element
Das <section>-Element definiert einen Abschnitt eines Dokuments. Laut der HTML5-Dokumentation des W3C: Ein Abschnitt ist eine thematische Gruppierung von Inhalten, normalerweise mit einem Titel. Homepages können normalerweise in mehrere Abschnitte für Einführung, Inhalt und Kontaktinformationen unterteilt werden.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java ist eine weit verbreitete Computerprogrammiersprache mit plattformübergreifenden, objektorientierten und generischen Programmierfunktionen für Unternehmen -Entwicklung von Webanwendungen und Entwicklung mobiler Anwendungen. </p> </section> <section> <h1>PHP</h1> <p>PHP (vollständiger Name: PHP: Hypertext Preprocessor, nämlich PHP: Hypertext Preprocessor) ist insbesondere eine Open-Source-Allzweck-Computerskriptsprache Geeignet für die Webentwicklung und kann in HTML eingebettet werden. </p> </section> </body> </html>HTML5-Element <article>
Das <article>-Element gibt unabhängige eingeschlossene Inhalte an. Ein Artikel sollte für sich genommen Sinn machen und unabhängig vom Rest der Website lesbar sein. Beispiele für die Verwendung des <article>-Elements:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java ist eine weit verbreitete Computerprogrammiersprache mit plattformübergreifenden, objektorientierten und generischen Programmierfunktionen für Unternehmen -Entwicklung von Webanwendungen und Entwicklung mobiler Anwendungen. </p> </article> </body> </html>HTML5-<header>-Element
Das <header>-Element gibt einen Datei- oder Abschnittsheader an. Das <header>-Element sollte als Container für einführende Inhalte verwendet werden. Sie können mehrere Elemente in einen <header> einfügen. Das folgende Beispiel definiert den Titel des Artikels:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Was ist Java:</p> </header> <p>Java ist ein weit verbreiteter Computer Programmiersprache mit plattformübergreifenden, objektorientierten und generischen Programmierfunktionen und wird häufig in der Entwicklung von Webanwendungen auf Unternehmensebene und der Entwicklung mobiler Anwendungen verwendet. </p> </article> </body> </html>HTML5-<footer>-Element
Das <footer>-Element gibt eine Datei oder einen Teilfuß an. Das <footer>-Element sollte Informationen über die enthaltende Einheit enthalten. Die Fußzeile enthält normalerweise den Autor des Dokuments, Copyright-Informationen, einen Link zu den Nutzungsbedingungen, Kontaktinformationen usw. Sie können mehrere Elemente in einer <Fußzeile> haben.
<!DOCTYPE html> <html> <body> <footer> <p>Urheberrecht</p> <p>Kontaktinformationen: <a href=mailto:[email protected]> [email protected]</a> . </p> </footer> </body> </html>HTML5-<nav>-Element
Das <nav>-Element definiert eine Reihe von Navigationslinks.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>HTML5-<aside>-Element
Das <aside>-Element definiert einige Inhalte aus dem Inhalt, auf dem es platziert ist (z. B. eine Seitenleiste). <aside>-Inhalt sollte der umgebende Inhalt sein.
<!DOCTYPE html> <html> <body> <p>Java ist eine weit verbreitete Computerprogrammiersprache mit plattformübergreifenden, objektorientierten und generischen Programmierfunktionen. Sie wird häufig in der Entwicklung von Webanwendungen und mobilen Anwendungen auf Unternehmensebene verwendet Entwicklung. . </p> <aside> <h4>PHP</h4> <p>PHP ist die beste Sprache der Welt. </p> </aside> </body> </html>Zusammenfassen
Das Obige sind die vom Herausgeber eingeführten semantischen HTML5-Elemente. Ich hoffe, dass sie Ihnen hilfreich sind. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!
Wenn Sie der Meinung sind, dass dieser Artikel für Sie hilfreich ist, können Sie ihn gerne erneut drucken. Bitte geben Sie die Quelle an. Vielen Dank!