Die entsprechenden Attribute und Verwendung von XHTML-Tags in CSS
|
Als ich anfing, Webseiten mit XHTML CSS zu entwerfen, hatte ich wenig Erfahrung mit der Verwendung von Tags und ging sehr lässig damit um. Ich verwendete oft, was mir einfiel, und dachte, solange ich den gewünschten Effekt erzielen konnte, wäre alles in Ordnung. Doch je mehr ich über Suchmaschinenoptimierung lernte und verstand, desto mehr wurde mir klar, dass die Verwendung von Tags eigentlich eine Wissenschaft für sich ist. Wir haben in den CSS-Tutorial-Artikeln von 123WORDPRESS.COM – jb51.net die Semantik betont. Wie sollten wir also HTML-Tags verwenden? Wo werden sie generell verwendet? Als ich anfing, Webseiten mit XHTML CSS zu entwerfen, hatte ich wenig Erfahrung mit der Verwendung von Tags und ging sehr lässig damit um. Ich verwendete oft, was mir einfiel, und dachte, solange ich den gewünschten Effekt erzielen konnte, wäre alles in Ordnung. Doch je mehr ich über Suchmaschinenoptimierung lernte und verstand, desto mehr wurde mir klar, dass die Verwendung von Tags eigentlich eine Wissenschaft für sich ist. Hier werde ich keine detaillierte Einführung in die entsprechenden Eigenschaften und die Verwendung jedes Tags in CSS geben, sondern mich auf seine Anwendung in Webseiten konzentrieren, in der Hoffnung, dass es für alle eine Hilfe sein wird. 1. DIV DIV sollte denjenigen, die XHTML-Websites erstellen, nicht fremd sein. Viele Websites und Materialien bezeichnen die Webstandard-Website-Erstellung auch als DIV-CSS-Website-Erstellung. Dieser Name hat einen Grund: Das W3C empfiehlt nicht, das Table-Tag beim Layout von Webseiten zu verwenden, und DIV übernimmt als Layout-Tag natürlich die Verantwortung für das Layout. Man kann DIV auch als großen Container bezeichnen. Ergänzend zur allgemeinen Strukturierung der Webseite empfiehlt sich die Verwendung zur Unterteilung scheinbar eigenständiger Bereiche auf der Webseite. Genau wie bei einer Zeitung besteht die Funktion von DIV darin, verschiedene Inhalte in einem großen Container aufzuteilen. In verschiedenen Bereichen werden je nach den spezifischen Umständen entsprechende Bezeichnungen ausgewählt. 2. H-Tag Das H-Tag ist ein Titel-Tag, das oft vor einem Absatz verwendet wird, um die Bedeutung des Absatzes anzugeben. Je nach Anzeigeebene und auszudrückender Bedeutung kann es in H1 bis H6 unterteilt werden. H1 ist von höchster Bedeutung und wird oft verwendet, um eine Beschreibung der Rolle und Art der gesamten Website auszudrücken oder um die Zielgruppe der Website anzugeben. Andere Tags dienen dazu, je nach Niveau den Namen eines bestimmten Bereichs oder eine allgemeine Beschreibung eines bestimmten Einführungstextes anzuzeigen. Da es eine allgemeine Beschreibung einer Website oder eines Textabschnitts darstellt, hat das H-Tag einen hohen Wert für Suchmaschinen. Dies bedeutet jedoch nicht, dass man es leichtfertig verwenden kann. Manche Websites nutzen beispielsweise H-Tags, um Schlüsselwörter in einem Textabschnitt anzuzeigen und so gezielt Rankings für bestimmte Schlüsselwörter anzustreben. Oder verwenden Sie das H-Tag einfach als Container zum Layout der Webseite. Dies verwirrt den Zweck des H-Tags völlig und wird nicht empfohlen. 3. P P ist ein Absatztag, der verwendet wird, um verschiedene Absätze einer Textgruppe zu unterscheiden. Für die Suchmaschinen hat entsprechend ihrer Crawling-Reihenfolge auch der Text im ersten P-Tag einen hohen Wert. Beispielsweise ignoriert Baidu den Text in der Meta-Tag-Beschreibung und greift auf den Inhalt im ersten P-Tag zu (nicht absolut). Damit Suchmaschinen mehr Inhalte crawlen können und den Benutzern gleichzeitig ein gutes Browser-Erlebnis geboten wird, verwenden einige Websites beim Aufteilen der Inhalte das Tag <br/>. Dies bedeutet nicht, dass es nicht möglich ist, aber manchmal kann die erwartete Wirkung nicht erzielt werden. Bei Dokumenten mit striktem Typ ist <br/> ein Präsentationstag und darf nicht verwendet werden. Obwohl die meisten Websites Übergangsdokumenttypen verwenden, empfehle ich nicht, sie 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 das Listenelement. Aufgrund der relativen Unabhängigkeit seiner Elemente wird es häufig an Stellen wie Navigation, Nachrichten oder Artikellisten verwendet. UL kann auch als Container verwendet werden, um verschiedene Listen zu unterscheiden. Einige Websites befolgen möglicherweise „Webstandards“ und konvertieren Tabellen in UL und LI, was das Lesen und Warten von Webseiten erschwert. Dieses Missverständnis widerspricht den Vorstellungen, die uns Webstandards vermitteln. 5. Tabelle Ich werde hier nicht näher auf die Verwendung von Table eingehen. Ich möchte nur sagen, dass der Webstandard nicht bedeutet, dass Table in Zukunft nicht verwendet werden kann. Es wird jedoch nicht empfohlen, Table für das Layout zu verwenden. Table sollte nur zum Anzeigen von Daten verwendet werden. Es besteht daher kein Widerspruch zwischen webkonformen Webseiten und der Verwendung von Tabellen-Tags. 6. Für Suchmaschinen vorbereitete Tags (1) Titel: Der Titel der Webseite, eine Beschreibung der Website. Dieses Tag ist auch für Suchmaschinen sehr wertvoll und enthält häufig Zielschlüsselwörter. (2) Meta-Keywords: die wichtigsten Schlüsselwörter der Webseite. Es wurde ursprünglich erstellt, um Suchmaschinen die Klassifizierung von Websites zu erleichtern. Später wurde dieses Tag jedoch häufig von vielen Websites zum Betrügen verwendet, um das Keyword-Ranking zu verbessern. Daher hat dieses Tag für Suchmaschinen mittlerweile fast keine Bedeutung mehr. (3) Meta Description: Beschreibung der Webseite. Wie Keywords war es ursprünglich dazu gedacht, die Klassifizierung durch Suchmaschinen zu erleichtern. Da viele Websites dieses Tag jedoch zum Betrügen verwenden, ist es für Suchmaschinen nicht mehr so wichtig. Derzeit crawlt unter den Mainstream-Suchmaschinen nur Google noch Inhalte, ermittelt Schlüsselwörter jedoch fast nicht mehr auf Grundlage der Inhalte. Tatsächlich ist für Suchmaschinen die Qualität des Inhalts das Wichtigste. Der Zweck der Erstellung einer Website besteht ebenso darin, uns bei den Besuchern bekannt zu machen. Bitte vergessen Sie wegen des momentanen Vergnügens nicht die Grundlagen. Denn letztendlich ist für die Benutzer nicht das Ranking Ihrer Website wichtig, sondern ob die Informationen das sind, was sie benötigen. Das Obige ist eine Einführung in die häufig verwendeten Tags, die für Anfänger leicht zu verwechseln sind. Willkommen, um den aktualisierten CSS-Tutorial-Artikeln von jb51.net zu folgen. Wenn Sie in Zukunft auf neue Probleme stoßen, werden wir diese weiter ausbauen. |
<<: So zeigen Sie MySQL-Links an und löschen abnormale Links
>>: Docker-Image-Erstellung und Paketierung und Bereitstellung des gesamten Projekts mit einem Klick
Artikel empfehlen
Detaillierte Schritte zum Herunterladen und Installieren von Tomcat unter Linux
Wenn Sie gerade erst mit Linux in Berührung gekom...
Verwendung von Linux-Netzwerkkonfigurationstools
Dieser Artikel stellt RHEL8-Netzwerkdienste und N...
Implementierung der Breakpoint-Wiederaufnahme im Vue-Video-Player
In einem aktuellen Projekt musste ich die Funktio...
Zusammenfassung der zehn häufigsten Probleme bei MySQL-Indexfehlern
Inhaltsverzeichnis Hintergrund 1. Die Abfragebedi...
JavaScript-OffsetParent-Fallstudie
1. Definition von offsetParent: offsetParent ist ...
Analyse der Implementierung der Nginx Rush-Kaufstrombegrenzungskonfiguration
Aus geschäftlichen Gründen kommt es häufig zu Eil...
Detaillierte Erläuterung der Mysql-Funktionsaufrufoptimierung
Inhaltsverzeichnis Funktionsaufrufoptimierung Fun...
So kapseln Sie Paging-Komponenten manuell in Vue3.0
In diesem Artikel wird der spezifische Code der m...
So unterstützen Sie Webdings-Schriftarten in Firefox
Firefox, Opera und andere Browser unterstützen Web...
So passen Sie die Protokollebene von Nginx in Docker an
Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...
Implementierung eines Docker-Compose-Bereitstellungsprojekts basierend auf MySQL8
1. Erstellen Sie zunächst den entsprechenden Ordn...
Lösung für mehrere Docker-Container, die nicht die gleiche Portnummer haben
Hintergrund In Docker werden vier Container mit d...
Wie viele Daten können in einer MySQL-Tabelle gespeichert werden?
Programmierer müssen sich viel mit MySQL befassen...
Tutorial zum Erstellen eines SVN-Servers mit Docker
SVN ist die Abkürzung für Subversion, ein Open-So...
Detailliertes Tutorial zum Bereitstellen eines SpringBoot + Vue-Projekts auf einem Linux-Server
Vorwort Lassen Sie mich Ihnen zeigen, wie ich ein...