Analyse des rel-Attributs bei der Erstellung von HTML_HTML/Xhtml

Analyse des rel-Attributs bei der Erstellung von HTML_HTML/Xhtml_Web-Seiten

WBOY

Freigeben： 2016-05-16 16:36:28

Original

1412 Leute haben es durchsucht

Ich habe herausgefunden, dass einige Klassenkameraden diesen Artikel auf Weibo erneut gepostet und gesammelt haben, also habe ich mir diesen beiläufig übersetzten Artikel noch einmal angesehen und später festgestellt, dass w3cschools.com.cn bereits über eine chinesische Vergleichsübersetzung verfügt. Deshalb werde ich diesen Artikel hier weiter verbessern und wertvoller 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 Im Originaltext wird betont, dass ich die Verwendungsszenarien dieser Attributwerte auflisten möchte und es meiner Meinung nach sehr wichtig ist, 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 die Beziehung zwischen dem aktuellen Dokument und dem verbundenen Dokument an

Grammatik

<a rel="value">

Unterschiede zwischen HTML 4.01 und HTML 5

Gelöschte Werte: Anhang, Kapitel, Inhalt, Urheberrecht, Glossar, ~~Index~~, Abschnitt, Anfang, Unterabschnitt.

Neue Werte: Archive, Autor, Lesezeichen, extern, zuerst, ~~Index~~, zuletzt, Lizenz, Nofollow, Noreferrer, Suche, Seitenleiste, Tag, oben.

Attributwert unten

Wert	Beschreibung	Szenario\|Beispiel
Anhang	Link zur Anhangseite des Dokuments
alternativ	Link zu einer alternativen Quelle (z. B. gedruckte Seite, Übersetzung, Spiegel)	Konfigurieren Sie das Atom und den Feed der Website im Head-Tag
Verknüpfungssymbol	Verknüpfungssymbol	Geben Sie kleine Symbole in der Titelleiste, Adressleiste und Favoritenleiste an
Archive	Link zum Dokumentensatz oder zu historischen Daten	`<link rel='archives' href='http://www.ooxx.com/2012/07' />`
Autor	Link zum Autor des Dokuments	Deklarieren Sie den Autor des Dokuments im Head-Tag
kanonisch	Autorität, Modell	Teilen Sie Suchmaschinen mit, welche Seite der doppelten oder ähnlichen Webseiten auf der aktuellen Website der Webmaster crawlen und einbeziehen möchte `<link rel="canonical" href="http://xxoo.com/" />` Der kanonische Attributwert erscheint normalerweise im rel-Attribut Zitier-URL: http://www.xxoo.com/xhtml/rel_canonical/ Canonical kann aus funktionaler Sicht als Hilfsfunktion der permanenten 301-Weiterleitung verstanden werden canonical kann mit relativen oder absoluten Links verwendet werden, absolute Links werden jedoch empfohlen 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	Externes Stylesheet des Dokuments	`<link rel="stylesheet" href="base.css">`
Zuhause	Stellen Sie eine Verbindung zur Homepage der Website her	`<link href="http://www.ooxx.com" rel="home" />`
zuerst	Link zum ersten Dokument in der Sammlung	`<link rel="first" href="index.html">`
Starten	Link zur ersten Seite des aktuellen Dokuments	`<link rel="start" href="about:blank">`
nächstes	Link zum nächsten Dokument in der Sammlung	`<link rel="next" href="about:blank">`
vorher	Link zum vorherigen Dokument in der Sammlung	`<link rel="chapter" href="about:blank">`
zuletzt	Link zum letzten Dokument in der Sammlung	`<link rel="last" href="index.html">`
oben	Stellt einen Link zu einem Dokument bereit.Dieses Dokument bietet Kontext für das aktuelle Dokument
Suchen	Suchtool mit Verknüpfung zur Dokumentation
Seitenleiste	Link zu einem Dokument, das in der Seitenleiste des Browsers erscheinen soll
Inhalt	Link zum Inhaltsverzeichnis des aktuellen Dokuments	Wird im Allgemeinen in der Seitenleiste des Hauptinhalts des Dokuments platziert, um das Springen zwischen Themen auf der aktuellen Seite zu erleichtern
Index	Link zum Index des aktuellen Dokuments
Glossar	Link zum aktuellen Dokumentenglossar
Urheberrecht	Link zur Urheberrechts- oder Datenschutzseite des aktuellen Dokuments	Copyright am Ende der Website
Kapitel	Link zu einem Kapitel aus dem aktuellen Dokument
Abschnitt	Link zu einem Unterabschnitt in der Dokumentationsliste
Unterabschnitt	Link zu einem Unterabschnitt in der aktuellen Dokumentliste. (Ein Abschnitt kann mehrere Unterabschnitte haben.)
Kopf	Link zum Dokument der obersten Ebene in der Sammlung
Inhaltsverzeichnis	Link zum Inhaltsverzeichnis der Sammlung
Elternteil	Link zur Dokumentation über der Quelle
Kind	Link zur Dokumentation unter der Quelle
Hilfe	Link zur Hilfedokumentation	`<link rel="help" href="http://www.xxoo.net/help.html" />`
Lesezeichen	Permanente URL zur Verwendung als Lesezeichen	Listentitel
extern	Link zur externen Dokumentation	Im Artikel zitierte externe Links
nofollow	Links zu nicht genehmigten Dokumenten, z. B. kostenpflichtige Links Google verwendet „nofollow“, um seine Suchspider anzuweisen, dem Link nicht zu folgen	Ähnliche Artikel auf der Website, zufällige Artikel auf der Website, Kommentarantworten, Kommentare, Links zum Durchsuchen und Verfassen in den Listen- und Artikelseiten, Kommentaradressen in der Seitenleiste, „Home“-Link in der Homepage-Navigation, Artikel mit den meisten Kommentare, Artikel mit den meisten Besuchen
noreferrer	Gibt an, dass der Browser den HTTP-Referer-Header nicht senden soll, wenn der Benutzer dem Hyperlink folgt
Lizenz	Link zu den Copyright-Informationen des Dokuments
Tag	Aktuelles Dokument-Tag (Schlüsselwort)	Tag-Wolke in der Seitenleiste, Tags in Artikeln, Tags in der Liste, Tags auf der Tag-Seite
Freund	Sponsoring	Freundliche Links, Themen von