Was sind semantische Tags? Die Verwendung semantischer Tags
零下一度Original
2017-07-03 11:36:394821Durchsuche
1. Was ist ein semantisches Tag? 1. Um es einfach auszudrücken: Es geht darum, einem Div einen Spitznamen zu geben. Der Titel eines Artikels auf einer Webseite kann als Titel bezeichnet werden, und jeder Artikel auf einer Webseite kann als Artikel bezeichnet werden .
2. Warum semantische Tags verwenden? Es ist einfacher, von Suchmaschinen indiziert zu werden. (2). Erleichtern Sie Screenreadern das Lesen von Webseiteninhalten. (3). Kann das Thema der Seite besser widerspiegeln. (4). Bessere Kompatibilität und Unterstützung für mehr Netzwerkgeräte. 2. Gemeinsame semantische Tags
Header – Header- und Navigations-Tags
Header-Header, das direkte untergeordnete Element unter dem Körper Das Header-Element Wird im Allgemeinen verwendet, um einleitende Informationen auf der Seite zu platzieren, z. B. den Namen der Website, das Logo oder die Navigationsleiste. Das
1): Artikel-Tag: Dieses Tag kann am leichtesten mit „Abschnitt“ und „Div“ verwechselt werden. Tatsächlich stellt „Artikel“ einen eigenständigen Inhalt in einem Dokument, einer Seite oder einer Website dar und dient dazu, Entwicklern die Möglichkeit zu geben, unabhängig voneinander zu arbeiten weiterentwickeln oder wiederverwenden. Die Struktur von Artikeln sieht im Allgemeinen wie folgt aus:
Zu den Anwendungen von Artikeln gehören Forenbeiträge, Blogartikel, ein Benutzerkommentar und ein interaktives Widget. (Sonderteil) Zusätzlich zum Inhalt verfügt der Artikel über einen Titel (normalerweise in der Kopfzeile) und eine Fußzeile.
2): hgroup-Tag: Dieses Tag kombiniert die Titel von Webseiten oder Abschnitten. Laienhaft ausgedrückt ist es viel bequemer, eine Reihe von Titeln in einen Korb zu werfen.
3):Cite-Tag: Wird verwendet, um den Titel eines Buchs oder einer Zeitschrift zu definieren, das Inhalte zitiert und keine anderen Informationen wie Autor, Datum usw. zulässt.
4): Zeit-Tag: Dieser Tag besteht im Allgemeinen aus drei Komponenten: Ein maschinenlesbarer Zeitstempel: Das Format muss aus Jahres-, Monats- und Tageszahlen bestehen, die durch Minuszeichen getrennt sind. Fügen Sie danach Buchstaben hinzu Auf das Datum folgt dann der Zeitwert im 24-Stunden-Format und der Zeitzonenversatz in der Form datetime="2012-2-15T22:49:40+08:00". Für Menschen lesbarer Textinhalt: The Das Format ist beliebig, solange es verständlich ist. Ein optionales Pubdata-Tag: Pubdata ist ein boolescher Wert. Schreiben Sie den Attributnamen bei Bedarf einfach als Pubdata. Der Schönheit halber können wir aber auch pubdata="" schreiben. Was wir auch beachten müssen, ist, dass, wenn die Zeit in einem Artikel steht, sie die Veröffentlichungszeit dieses Artikels darstellt; , es stellt den Veröffentlichungszeitpunkt des gesamten Dokuments dar.
5): Abschnitts-Tag: stellt den „Abschnitt“ oder „Absatz“ im Dokument dar. „Abschnitt“ kann sich auf die Unterabschnitte entsprechend dem Thema in einem Artikel beziehen eine Seite. Abschnitte haben normalerweise auch einen Titel. Obwohl Abschnitte in HTML5 die Titel h1–h6 automatisch herabstufen, ist es am besten, sie manuell herabzustufen.
6):blockquote-Tag: Dieses Tag definiert ein Blockzitat aus einer anderen Quelle. Der gesamte Text zwischen
ist vom regulären Text getrennt, oft links und rechts eingerückt und manchmal kursiv. Das heißt, Blockverweise haben ihren eigenen Platz.
7):figure-Tag: Gibt unabhängige Stream-Inhalte an (Bilder, Diagramme, Fotos, Code usw.). Der Inhalt des figure-Elements sollte mit dem Hauptinhalt in Zusammenhang stehen, aber bei Entfernung keine Auswirkungen auf den Dokumentenfluss haben.
8):figcaption-Tag: Definieren Sie den Titel (die Bildunterschrift) des Abbildungselements. Das „figcaption“-Element sollte als erstes oder letztes untergeordnetes Element des „figure“-Elements platziert werden.
9): Semantisierung des Tabellen-Tags: Das Tabellen-Tag stellt die Elemente thead, tfoot und tbody bereit, die Zeilen in der Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie möglicherweise eine Kopfzeile, einige Zeilen mit Daten und eine Gesamtzeile am Ende haben. Diese Unterteilung gibt dem Browser die Möglichkeit, das Scrollen des Tabellenkörpers unabhängig von Tabellenkopf- und -fußzeilen zu unterstützen. Beachten Sie, dass Sie bei Verwendung der Elemente thead, tfoot und tbody in einer Tabelle alle Elemente in der Reihenfolge thead, tbody und tfoot verwenden müssen, damit der Browser die Fußzeile rendern kann, bevor er alle Daten empfängt.
10): Das Nebenelement ist im Artikelelement als ergänzender Informationsteil des Hauptinhalts enthalten. Der Inhalt kann verwandte Informationen, Tags, Ranking-Erklärungen usw. sein, die sich auf den aktuellen Artikel beziehen. (Spezieller Abschnitt)
11):code: Dieses Tag ist ein Phrasen-Tag, der zum Definieren von Computercodetext verwendet wird.
12):pre Tag: pre kann vorformatierten Text definieren. In einem pre-Element eingeschlossener Text behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch als Schriftart mit fester Breite gerendert. Eine häufige Anwendung des Pre-Tags ist die Darstellung von Quellcode.
Das obige ist der detaillierte Inhalt vonWas sind semantische Tags? Die Verwendung semantischer Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme:
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