Analyse des rel-Attributs in HTML

In diesem Artikel wird hauptsächlich die Analyse des rel-Attributs in HTML vorgestellt. Freunde, die es benötigen, können darauf verweisen

Da ich festgestellt habe, dass einige Schüler diesen Artikel auf Weibo erneut gepostet und gesammelt haben, habe ich ihn erneut überprüft Später fand ich heraus, dass w3cschools.com.cn bereits eine vergleichbare chinesische Übersetzung des Artikels über Sexübersetzungen hatte, daher werde ich diesen Artikel weiter verbessern, um ihn wertvoller zu machen. Die ursprüngliche Idee, dieses Dokument zu übersetzen, stammt aus dem Artikel http://vanessa.b3log.org/research-a-rel-value. Ich habe festgestellt, dass das rel-Attribut viele ungewöhnliche semantische Werte hat Für Verwendungsszenarien halte ich es für sehr wichtig, das rel-Attribut auf diese Weise zu verstehen.

Beispiel

Verbindung mit rel-Attribut:

<a rel="external" href="http://www.xxoo.com/">ooxx</a>

Browserunterstützung

Das rel-Attribut wird in allen gängigen Browsern unterstützt

<strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

Definition und Verwendung

Das rel-Attribut gibt das aktuelle Dokument und die Beziehungen zwischen verbundenen Dokumenten an

Syntax

<a rel="value">

Unterschiede zwischen HTML 4.01 und HTML 5

Entfernte Werte: Anhang, Kapitel, Inhalt, Urheberrecht, Glossar, Index, Abschnitt, Anfang, Unterabschnitt.

Neue Werte: Archive, Autor, Lesezeichen, Extern, Erstes, Index, Letztes, Lizenz, Nofollow, Noreferrer, Suche, Seitenleiste, Tag, Nach oben.

Attributwert

Wert	Beschreibung	Szenario|Beispiel	HTML4.01	HTML5
Anhang	Links zur Anhangseite des Dokuments
alternativ	Link zu einer alternativen Quelle (z. B. gedruckte Seite, Übersetzung und Spiegelung)	Konfigurieren Sie das Atom der Website und geben Sie es ein Kopf-Tag
Verknüpfungssymbol	Verknüpfungssymbol	Titelleiste, Adressleiste, Sammlung angeben Spaltensymbole
Archive	Link zu Dokumentensammlungen oder historischen Daten	<link rel=&#39;archives&#39; href=&#39;http://www.ooxx.com/2012/07&#39; />
Autor	Link zum Autor des Dokuments	Geben Sie im Kopf den Autor des Dokuments an Tag
kanonisch	Autorität, Modell	Informieren Sie Suchmaschinen über Duplikate in der aktuellen Website oder ähnlichen Webseiten, welche Seite der Webmaster crawlen und einbinden möchte <link rel="canonical" href="http://xxoo.com/" /> Der kanonische Attributwert erscheint normalerweise im rel-Attribut Referenz-URL: http://www.xxoo.com/xhtml/rel_canonical/ kanonisch Funktional gesehen kann es als Hilfsfunktion für die permanente 301-Umleitung verstanden werden kanonisch kann mit relativen Links oder absoluten Links verwendet werden, aber Es wird empfohlen, absolute Links zu verwenden Googles Definition von kanonisch lautet: Eine kanonische Webseite ist die bevorzugte Version einer Gruppe von Webseiten mit sehr ähnlichem Inhalt kanonisch: Die Bedeutung von „Modell“ auf Chinesisch
Stylesheet	Das externe Stylesheet des Dokuments	<link rel="stylesheet" href="base.css">
Startseite	Verbindung zur Homepage der Website herstellen	<link href="http://www.ooxx.com" rel="home" />
erstes	Links zum ersten Dokument in der Sammlung	<link rel="first" href="index.html">
Start	Links zur ersten Seite des aktuellen Dokuments	<link rel="start" href="about:blank">
nächstes	Links zum nächsten Dokument in der Sammlung	<link rel="next" href="about:blank">
prev	Links zum vorherigen Dokument in der Sammlung	<link rel="chapter" href="about:blank">
letztes	Links zum letzten Dokument in der Sammlung	<link rel="last" href="index.html">
nach oben	Stellt einen Link zu einem Dokument bereit. Dieses Dokument bietet Kontext für das aktuelle Dokument
Suche	Mit dem Dokument verknüpfte Suche Extras
Seitenleiste	Link zu einem Dokument, das in der Seitenleiste des Browsers angezeigt werden soll
Inhalt	Link zum Inhaltsverzeichnis des aktuellen Dokuments	Allgemein Platzieren Sie es in der Seitenleiste des Hauptinhalts des Dokuments, um das Springen zwischen Themen auf der aktuellen Seite zu erleichtern
Index	Link zum Index des aktuellen Dokuments
Glossar	Link zu Glossar des aktuellen Dokuments
Urheberrecht	Link zur Urheberrechts- oder Datenschutzseite des aktuelles Dokument	Copyright unten auf der Website
Kapitel	Link zu einem Kapitel aus dem aktuellen Dokument
Abschnitt	Links zu einem Abschnitt in der Dokumentenliste
Unterabschnitt	verweist auf einen Unterabschnitt in der aktuellen Dokumentliste. (Ein Abschnitt kann mehrere Unterabschnitte haben.)
Kopf	Link zur Sammlung Die Dokument der obersten Ebene in
Inhaltsverzeichnis	Links zum Inhaltsverzeichnis der Sammlung
Elternteil	Link zum Dokument oben
Kind	Links zum Dokument unter der Quelle
Hilfe	Link zum Hilfedokument	<link rel="help" href="http://www.xxoo.net/help.html" />
Lesezeichen	Permanente URL zur Verwendung als Lesezeichen	Listentitel
extern	Links zu externen Dokumenten	Im Artikel zitierte externe Links
nofollow	Links zu nicht genehmigten Dokumenten, wie z. B. bezahlten Links Google verwendet „nofollow“, um anzugeben, dass seine Suchspider dem Link nicht folgen	Verwandte Artikel auf der Website, zufällige Artikel auf der Website, Kommentarantworten, Kommentare, Ansichten und Autorenlinks in Listen und Artikelseiten, Kommentar Adressen in der Seitenleiste, der „Home“-Link in der Startseitennavigation, die am häufigsten kommentierten Artikel, die am häufigsten besuchten Artikel
noreferrer	legt fest, wann der Browser den HTTP-Referer-Header nicht senden soll, wenn der Benutzer dem Hyperlink folgt
Lizenz	Mit dem Dokument verknüpfte Urheberrechtsinformationen
Tag	Aktuelles Dokument-Tag (Schlüsselwort)	Tag-Wolke in der Seitenleiste, Tag im Artikel, Tag in der Liste, Tag auf der Tag-Seite
Freund	Sponsoring	Freundliche Links, Themen unten von

Aufgrund meines begrenzten Niveaus ist es unvermeidlich, dass es einige Fehler gibt oder dass etwas hinzugefügt werden muss. Bitte hinterlassen Sie eine Nachricht und weisen Sie darauf hin 🎜>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er allen dabei hilft, daraus zu lernen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

So entfernen Sie das Leerzeichen von Inline-Block in HTML

Die Rolle von Meta in die HTML-Seite und Analyse der Seiten-Caching- und Nicht-Caching-Einstellungen

Das obige ist der detaillierte Inhalt vonAnalyse des rel-Attributs in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!