Einführung in die XHTML-Tag-Semantik_HTML/Xhtml_Webseitenproduktion

Der erste zu erklärende Punkt ist, dass Menschen die Semantik von Inhalten durch visuelle Unterteilung beurteilen können und Suchmaschinen nur Code sehen. Suchmaschinen können die Semantik von Inhalten nur anhand von Tags beurteilen. Früher habe ich den Suchmaschinen wirklich nicht viel Aufmerksamkeit geschenkt, aber jetzt schenke ich ihnen mehr Aufmerksamkeit, da ein großer Teil des Datenverkehrs auf der Seite von Suchmaschinen kommt. Um die Seite so suchmaschinenfreundlich wie möglich zu gestalten , ist es notwendig, die Tags so semantisch wie möglich zu gestalten.

Früher dachte ich aufgrund meines oberflächlichen Verständnisses der Webentwicklung, dass man zum Schreiben einer guten, standardkonformen Seite nur Struktur und Präsentation trennen muss und dann keine Tabellen- und Schriftarten verwenden muss und andere Tags. Was die gesamte Seite betrifft, gibt es meiner Meinung nach kein Problem, da CSS sehr leistungsfähig ist. Allerdings haben alle Tags ihre eigene Semantik. Die Semantik einiger Tags ist unten angegeben:

div-Semantik: Division (Trennung)

span-Semantik: Span (Bereich)

ol Semantik: Geordnete Liste (sortierte Liste)

ul Semantik: Ungeordnete Liste (ungeordnete Liste)

li Semantik: Listenelement (Listenelement)

… ………

Wenn Sie Tag-Semantik und Standardstile ignorieren und divs für alle Tags verwenden, können Sie tatsächlich Seiten mit guten visuellen Effekten schreiben, solange Sie CSS flexibel verwenden. In diesem Fall sind zwar die visuellen Anforderungen erfüllt, die gesamte Seite hat jedoch überhaupt keine semantische Bedeutung und kann von Suchmaschinen immer noch nicht verstanden werden. Denken Sie daher daran:

Die Struktur (HTML) steht im Mittelpunkt und der Stil (CSS) wird zum Ändern der Struktur verwendet. Daher müssen Sie zuerst den HTML-Code und die Tags bestimmen und dann das entsprechende CSS auswählen.

Im Allgemeinen haben alle Tags einen Standardstil. Eine einfache Möglichkeit, zu beurteilen, ob die Semantik von Webseiten-Tags gut ist, besteht darin, den Stil zu entfernen und zu prüfen, ob die Webseitenstruktur gut organisiert und geordnet ist. und ob noch viel Inhalt vorhanden ist.

Darüber hinaus ist das h-Tag erwähnenswert. Die semantische Bedeutung des h-Tags ist der Titel. Suchmaschinen reagieren empfindlicher auf dieses Tag. Für eine Seite mit guter Semantik sollten h-Tags vollständig und geordnet ohne Lücken sein. Mit anderen Worten, h1, h2, h3, h4 sollten auf diese Weise nach unten gedrückt werden, anstatt h1, h3, h4 und h2 zu überspringen. Für eine gut strukturierte Webseite kann das h-Tag den Umriss der Webseite organisieren.