Semantisierung von HTML-Tags (einschließlich H5)

einführen

HTML stellt die kontextuelle Struktur und Bedeutung des Inhalts eines Webdokuments bereit; HTML selbst hat keinen Ausdruck. Wir sehen beispielsweise, dass <H3> fett und die Schriftgröße 2em ist; <strong> ist fett, aber denken Sie nicht, dass dies der Ausdruck von HTML ist. Dies ist der Standardstil von HTML bei der Arbeit. Wir müssen also wissen , dass HTML nichts mit dem Ausdruck der Seite zu tun hat . Ausdruck ist Sache von CSS. Die Rolle von HTML auf einer Seite besteht in der Strukturierung und Bedeutung. Einfach ausgedrückt besteht es darin, den Inhalt aufzuteilen. Was hier steht, ist das, was wir hier setzen.

Strukturierung

Vergleicht man eine Webseite mit einem Haus, dann stellt HTML die Stahlbetonwände, das Dach und die Balkenrahmen dar, und CSS die Dekorationsmaterialien, die Bodenfarbe usw. Eine gute Seitenstruktur bedeutet, dass auch ohne CSS-Deko die Seitenstruktur übersichtlich bleibt und das Haus weiterhin sichtbar ist. Das DIV+CSS, über das die Leute oft reden, ist nur ein populärer Begriff, nicht DIV im gesamten Artikel. Denken Sie daran: DIV ist nicht Gott!

Semantik

HTML ist eine ergänzende Darstellung des Inhalts und der Bedeutung (d. h. Semantik) von Text. Es sagt uns: „Diese Zeile ist eine Überschrift, diese Zeilen bilden einen Absatz, dies ist eine Aufzählungsliste, das ist ein Link.“ Es sagt uns nicht: „Diese Wörter sind blau, jene sind rot, dieser Teil ist rechts, diese sind kursiv.“ Das ist die Aufgabe von CSS. Kurz gesagt: HTML sagt uns, was ein Inhalt ist (oder was er bedeutet), nicht, wie er aussieht.

Was sind die Vorteile der Semantik?

1. Durch das Entfernen von Stilen kann die Seitenstruktur klarer werden
2. Bildschirmleseprogramme „lesen“ Ihre Webseiten, indem sie diese markieren
3. Gut für SEO
4. Einfach für die Teamentwicklung und -wartung

Anhang: Neue Elemente in HTML5