Was sind die Vorteile einer semantischen HTML-Struktur?

eins:

1. Semantische Tags sind lediglich HTML, CSS hat keine Semantik. HTML besteht aus Tags, CSS aus Attributen.

2. Semantische Tag-Zusammenfassung Basierend auf der dokumentierten Seite wird die Webseite als Dokument betrachtet. Das D (Dokument) in DOM und das beim Schreiben von js verwendete Dokument haben uns deutlich gezeigt, dass der Computer die Seite als Dokument betrachtet. Wir können die Seite auch als Dokumenttyp klassifizieren.

3. HTML-Tags selbst sind aussagekräftig. Wie z. B. p – Absatz, li – Liste, img – Bild, aber einige sind nicht semantisch, wie z. B. div – Unterteilung, und können die Attribute und Präsentationsstile des Inhalts im div-Tag nicht darstellen.

4. HTML5 fügt semantische Tags wie <header><footer><nav><article> hinzu, basierend auf HTML und den Entwicklungsgewohnheiten der meisten Leute sowie dem allgemeinen Anzeigeformat von Website-Seiten.

5. Mein persönliches Verständnis ist, dass HTML XML mit definierten Attributen ist. Semantisches HTML kann die Seitenstruktur klarer machen, weniger CSS und JS schreiben und SEO-förderlicher sein.

zwei:

Auch die Crawler der Suchmaschinen verlassen sich auf Markup, um den Kontext und die Gewichtung einzelner Schlüsselwörter zu bestimmen.

Früher haben Sie Suchmaschinen-Crawler vielleicht nicht als „Besucher“ Ihrer Website betrachtet, aber jetzt sind sie tatsächlich äußerst wertvolle Benutzer. Ohne sie können Suchmaschinen Ihre Website nicht indizieren, und dann wird es für normale Benutzer schwierig, sie zu besuchen.

6. Es ist sehr wichtig, dass Ihre Seiten für Crawler leicht verständlich sind, da Crawler das für die Präsentation verwendete Markup weitgehend ignorieren und nur auf das semantische Markup achten.

Wenn der Seitentitel daher mit statt mit gekennzeichnet ist, wird die Seite in den Suchergebnissen möglicherweise niedriger eingestuft.

Die obige kurze Diskussion über die Vorteile der semantischen HTML-Struktur ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.