Heim >Web-Frontend >Front-End-Fragen und Antworten >Warum verwendet HTML5 semantische Elemente?

Warum verwendet HTML5 semantische Elemente?

青灯夜游
青灯夜游Original
2022-01-11 15:23:041433Durchsuche

html5 verwendet semantische Elemente, um: 1. die Zugänglichkeit der Website zu verbessern und eine bessere Website-Struktur zu erstellen; 2. die Seite bequem mit Screenreadern und anderen Hilfstools zu scannen Interneterfahrung für Menschen mit Behinderungen; 4. Förderlich für die Suchmaschinenoptimierung.

Warum verwendet HTML5 semantische Elemente?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In jeder Sprache ist es bei der Kommunikation entscheidend, die Bedeutung von Wörtern zu verstehen. Wenn es sich um Computerkommunikation handelt, wird es noch kritischer. Daher bietet HTML5 mehr semantische Elemente, um den Code leichter zu verstehen.

Die Semantik definiert also die Bedeutung von Wörtern und Phrasen, d. h.

Semantische Elemente = Elemente, die eine Bedeutung haben. Semantische Elemente haben sowohl für Browser als auch für Entwickler eine einfache und klare Bedeutung.

Zum Beispiel:

In HTML4 sehen wir, dass

, usw. nicht-semantische Elemente sind. Sie haben nichts verraten.

Dagegen sind

, und
semantische Elemente.

Semantische HTML5-Elemente werden von allen gängigen Browsern unterstützt.

Warum semantische Elemente verwenden?

In HTML4 müssen Entwickler ihre eigenen ID-/Klassennamen verwenden, um Elemente zu formatieren: Kopfzeile, oben, unten, Fußzeile, Menü, Navigation, Hauptinhalt, Container, Inhalt, Beitrag, Seitenleiste, Topnav usw.

Für Suchmaschinen ist es sehr schwierig, den richtigen Webinhalt zu identifizieren. Dies wird jetzt in HTML5-Elementen einfacher sein (