Als ich zum ersten Mal mit XHTML-CSS zum Entwerfen von Webseiten in Kontakt kam, hatte ich wenig Erfahrung mit der Verwendung von Tags und habe oft alles verwendet, was mir in den Sinn kam, weil ich dachte, dass es ausreichen würde, solange es den gewünschten Effekt erzielen kann. Aber mit der Vertiefung des Studiums und des Verständnisses des Wissens über Suchmaschinenoptimierung habe ich herausgefunden, dass die Verwendung von Tags tatsächlich eine Wissenschaft ist.
Wir haben im CSS-Tutorial-Artikel von Script Home - jb51.net den Schwerpunkt auf die Semantik gelegt. Wie verwendet man also HTML-Tags? Wo werden sie im Allgemeinen verwendet?
Als ich zum ersten Mal mit XHTML-CSS zum Entwerfen von Webseiten in Kontakt kam, hatte ich wenig Erfahrung mit der Verwendung von Tags und war sehr beiläufig und habe oft alles verwendet, was mir in den Sinn kam, weil ich dachte, dass es die Wirkung erzielen würde, solange es möglich ist ausreichen. Aber mit der Vertiefung des Studiums und des Verständnisses des Wissens über Suchmaschinenoptimierung habe ich herausgefunden, dass die Verwendung von Tags tatsächlich eine Wissenschaft ist.
Hier werde ich keine detaillierte Einführung in die entsprechenden Attribute und die Verwendung jedes Tags in CSS geben, sondern mich auf die Anwendung in Webseiten konzentrieren. Ich hoffe, dass es für alle hilfreich sein kann.
1. DIV
DIV sollte denjenigen bekannt sein, die XHTML-Websites erstellen. Viele Websites und Materialien nennen auch den Web-Standard-Website-Aufbau. Es ist nicht unangemessen, es so zu nennen, da W3C nicht empfiehlt, das Table-Tag im Layout von Webseiten zu verwenden, und DIV als Layout-Tag natürlich die wichtige Verantwortung für das Layout übernimmt.
DIV kann auch als großer Container bezeichnet werden. Zusätzlich zum allgemeinen Strukturlayout der Webseite wird empfohlen, es zur Unterteilung von Bereichen zu verwenden, die auf der Webseite relativ unabhängig erscheinen. Genau wie bei einer Zeitung ist die Funktion von DIV ein großer Container zum Aufteilen unterschiedlicher Inhalte. In verschiedenen Bereichen werden je nach Situation geeignete Etiketten ausgewählt.
2. H-Tag
Das H-Tag ist ein Titel-Tag, der oft vor einem Absatz verwendet wird, um die Bedeutung des Absatzes anzuzeigen. Es kann je nach Anzeigeebene und auszudrückender Bedeutung in H1 bis H6 unterteilt werden.
H1 ist von höchster Bedeutung und wird oft verwendet, um eine Beschreibung der Funktion und Art der gesamten Website auszudrücken oder um die Zielgruppe anzugeben, für die die Website bestimmt ist. Andere Tags werden verwendet, um je nach Level den Namen eines bestimmten Bereichs oder eine allgemeine Beschreibung eines bestimmten Einführungstextes anzuzeigen.
Da es sich um eine allgemeine Beschreibung der Website oder einen bestimmten Textabschnitt handelt, hat das H-Tag im Vergleich zu Suchmaschinen einen hohen Stellenwert. Dies bedeutet jedoch nicht, dass es gelegentlich verwendet werden kann. Einige Websites verwenden beispielsweise H-Tags, um Schlüsselwörter in einem Textabschnitt anzuzeigen, um gezielt Rankings für bestimmte Schlüsselwörter anzustreben. Oder verwenden Sie einfach das H-Tag als Container zum Layouten der Webseite. Dies bringt die Rolle des H-Tags völlig durcheinander und wird nicht empfohlen.
3. P
P ist ein Absatz-Tag, der zur Unterscheidung verschiedener Absätze eines Textsatzes verwendet wird. Für Suchmaschinen hat entsprechend ihrer Crawling-Reihenfolge auch der Text im ersten P-Tag einen hohen Wert. Wie Baidu ignoriert es den Text in der Meta-Tag-Beschreibung (Beschreibung) und erfasst den Inhalt im ersten P-Tag (nicht unbedingt).
Einige Websites verwenden bei der Segmentierung das
-Tag, um Suchmaschinen das Crawlen von mehr Inhalten zu ermöglichen und Benutzern ein besseres Surferlebnis zu bieten. Das heißt nicht, dass es unmöglich ist. Manchmal kann der gewünschte Effekt überhaupt nicht erzielt werden. Für streng typisierte Dokumente:
Es ist ein Tag, der zur Ausdrucksform gehört und nicht verwendet werden darf.
Obwohl die meisten Websites Übergangsdokumenttypen verwenden, empfehle ich nicht, diese für die Textsegmentierung zu verwenden.
4. UL- und LI-Tags
Dies ist eine ungeordnete Liste. Das UL-Tag ist eine Deklaration der Liste und LI ist ein Listenelement. Aufgrund der relativen Unabhängigkeit seiner Projekte wird es häufig in Navigation, Nachrichten- oder Artikellisten usw. verwendet. UL kann auch als Container zur Unterscheidung verschiedener Listen verwendet werden.
Einige Websites können „Webstandards“ verfolgen und Tabellen so umwandeln, dass sie UL und LI verwenden, um sie auszudrücken. Dies erschwert das Lesen und Warten der Webseiten. Das falsche Verständnis widerspricht dem Konzept, das uns durch Webstandards vermittelt wird.
5. Table
Ich werde hier nicht zu viel über die Verwendung von Table sagen, ich möchte nur sagen, dass der Webstandard nicht bedeutet, dass Table in Zukunft nicht verwendet werden kann, aber dass es nicht empfohlen wird Verwenden Sie die Tabelle nur für das Layout und nur für die Anzeige der zu verwendenden Daten. Daher besteht kein Widerspruch zwischen webkonformen Webseiten und der Verwendung von Tabellen-Tags.
6. Für Suchmaschinen vorbereitete Tags
(1) Titel: der Titel der Webseite und eine Beschreibung der Website. Subtags sind auch für Suchmaschinen wertvoll und enthalten häufig Zielschlüsselwörter.
(2) Meta-Schlüsselwörter: die Hauptschlüsselwörter auf der Webseite. Es wurde ursprünglich entwickelt, um Suchmaschinen die Klassifizierung von Websites zu erleichtern. Da viele Websites dieses Tag später jedoch häufig zum Betrügen nutzten, um das Keyword-Ranking günstiger zu gestalten, hat dieses Tag für Suchmaschinen mittlerweile fast keine Bedeutung mehr.
(3) Meta-Beschreibung: Beschreibung der Webseite. Wie Schlüsselwörter war es ursprünglich dazu gedacht, die Suchmaschinenklassifizierung zu erleichtern. Dies liegt auch daran, dass viele Websites dieses Tag zum Betrügen verwenden, sodass es für Suchmaschinen nicht mehr so wichtig ist. Derzeit crawlt unter den Mainstream-Suchmaschinen nur noch Google die Inhalte, ermittelt jedoch kaum Keywords anhand der Inhalte.
Tatsächlich ist für Suchmaschinen die Qualität des Inhalts das Wichtigste. Ebenso erstellen wir Websites, um uns bei Besuchern zu bewerben. Bitte vergessen Sie aufgrund der Schnelligkeit nicht die Grundlagen. Schließlich geht es den Nutzern darum, ob die Informationen ihren Bedürfnissen entsprechen, und nicht um das Ranking Ihrer Website.
Die oben genannten Tags sind für Anfänger leichter zu verwechseln. Wenn Sie in Zukunft auf neue Probleme stoßen, werden wir dies auch weiterhin tun .