XHTML-Tags, die durch den Ort der Verwendung leicht verwechselt werden können
|
<br />Wir haben in unseren Artikeln bei jb51.net immer Wert auf Semantik gelegt. 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 besseres Browser-Erlebnis geboten wird, verwenden einige Websites beim Aufteilen des Inhalts 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 <br />Dies ist eine ungeordnete Liste. Das UL-Tag ist die 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. Folgen Sie jb51.net für aktualisierte Artikel. Wenn Sie in Zukunft auf neue Probleme stoßen, werden wir diese weiter ausbauen. Auch Diskussionen sind erwünscht. |
<<: JavaScript zum Erzielen eines Produktlupeneffekts
>>: Aktivieren und Konfigurieren des MySQL-Protokolls für langsame Abfragen
Artikel empfehlen
Zusammenfassung der MySQL-Datums- und Zeitfunktionen (MySQL 5.X)
1. MySQL erhält die aktuelle Datums- und Uhrzeitf...
Ubuntu 20.04 aktiviert die versteckte Aufnahme-Rauschunterdrückungsfunktion (empfohlen)
Als ich kürzlich kazam in Ubuntu 20.04 zur Aufzei...
Benutzererfahrung bei der Neugestaltung der Portal-Website
<br />Vom Start der neuen Homepage von NetEa...
Der beste Weg, ein JAR-Paketprojekt unter einem Centos7-Server zu starten
Vorwort Jeder weiß, wie man ein JAR-Paket unter L...
Unverzichtbar für die Frontend-Entwicklung: 12 empfohlene Tools zum Testen der Browserkompatibilität
Für Frontend-Entwickler ist es eine zeitaufwändig...
JavaScript verwendet Promise zur Verarbeitung mehrerer wiederholter Anfragen
1. Warum diesen Artikel schreiben? Sie haben sich...
Detaillierte Erklärung der Vue-Filter
<Text> <div id="Wurzel"> &l...
Detaillierte Erläuterung der objektorientierten Praxis von JavaScript: Kapselung und Ziehen von Objekten
Inhaltsverzeichnis Überblick 1. So animieren Sie ...
Detaillierte Erläuterung des grundlegenden Implementierungsprinzips von MySQL DISTINCT
Vorwort DISTINCT ist tatsächlich der Implementier...
So fügen Sie img-Bilder in Vue-Seiten ein
Wenn wir HTML lernen, führt das Bild-Tag <img&...
Analyse der Unterschiede zwischen Iframe und FRAME
1. Verwendung des Iframe-Tags <br />Wenn es ...
Einführung in MyCat, die Datenbank-Middleware
1. Mycat-Anwendungsszenarien Mycat wurde für eine...
So implementieren Sie eine geplante Sicherung von MySQL unter Linux
In tatsächlichen Projekten muss die Datenbank reg...
Zeigen Sie die Anzahl der Dateien in jedem Unterordner eines angegebenen Ordners in Linux an
Zählskript #!/bin/sh AnzahlArgs=$# wenn [ $numOfA...
Vue muss Wissenspunkte lernen: die Verwendung von forEach()
Vorwort Bei der Frontend-Entwicklung stoßen wir h...