Welche Vorteile bietet die semantische HTML-Struktur für das Layout?

In diesem Kapitel werden wir mit Ihnen über die Vorteile der semantischen HTML-Struktur für das Layout sprechen? Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz.

1:

1. Semantische Tags sind nur HTML und es gibt keine Semantik in CSS. HTML besteht aus Tags und CSS aus Attributen.

2. Semantisches Tagging basiert auf der dokumentierten Seite und behandelt die Webseite als Dokument im DOM Seite als Dokument, und wir können die Seite auch als Dokumenttyp klassifizieren.

3. Das HTML-Tag selbst hat eine Bedeutung. Zum Beispiel p---paragraph, li---list, img---image, aber einige sind nicht semantisch, wie zum Beispiel div---division, die die Attribute und Darstellungsstile des Inhalts im div-Tag nicht darstellen können.

4. Basierend auf HTML fügt HTML5 semantische Tags hinzu, z. B.

<, basierend auf den Entwicklungsgewohnheiten der meisten Menschen und dem allgemeinen Anzeigeformat der Website-Seite. nav>

.

5. Mein persönliches Verständnis ist, dass HTML mit klar definierten Attributen die Seitenstruktur klarer machen kann, weniger CSS und JS schreibt und mehr gut für SEO ist.

Zweitens:

Suchmaschinen-Crawler verlassen sich auch auf Tags, um den Kontext und die Gewichtung einzelner Schlüsselwörter zu bestimmen.

Möglicherweise haben Sie Suchmaschinen in der Vergangenheit nicht in Betracht gezogen. Die Crawler sind es auch „Besucher“ der Website, 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 allgemeine Benutzer schwierig sein, sie zu besuchen.

Sie Es ist sehr wichtig, ob die Seite für Crawler leicht verständlich ist, da Crawler das für die Präsentation verwendete Markup weitgehend ignorieren und sich nur auf semantisches Markup konzentrieren.

Daher ist es wichtig, dass der Titel der Seitendatei mit Tags versehen ist Stattdessen wird diese Seite möglicherweise weiter unten in den Suchergebnissen angezeigt.

Das obige ist der detaillierte Inhalt vonWelche Vorteile bietet die semantische HTML-Struktur für das Layout?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!