Heim > Web-Frontend > HTML-Tutorial > Es ist leicht, den Speicherort der XHTML-Tags_HTML/Xhtml_Webseitenproduktion zu verwechseln

Es ist leicht, den Speicherort der XHTML-Tags_HTML/Xhtml_Webseitenproduktion zu verwechseln

WBOY
Freigeben: 2016-05-16 16:46:05
Original
1216 Leute haben es durchsucht

Wir haben in den jb51.net-Artikeln 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 bezeichnen die Web-Standard-Website-Konstruktion auch als DIV-CSS-Website-Konstruktion. 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, das 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. Bei streng typisierten (Strict) Dokumenten ist
ein Tag, das 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-Kennzeichnungen
Dies ist eine ungeordnete Liste, das UL-Tag ist die Deklaration der Liste und LI ist das 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. Tabelle
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 mehr verwendet werden kann, aber es wird nicht empfohlen, Table nur für das Layout zu verwenden beim Anzeigen von 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, 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.
Das Obige ist eine Einführung in die häufig verwendeten Tags, die für Anfänger eher verwirrend sind. Bitte beachten Sie die aktualisierten Artikel von jb51.net. Wenn Sie in Zukunft auf neue Probleme stoßen, werden wir diese weiter ausbauen. Auch Diskussionen sind willkommen.
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage