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

WBOY
Freigeben: 2016-05-16 16:36:28
Original
1391 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 HTML4.01 HTML5
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

由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!

beziehen sich auf

http://www.w3schools.com/TAGS/att_a_rel.asp

http://vanessa.b3log.org/research-a-rel-value

http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp

Ich muss das rel-author-Tag erwähnen

HTML rel kanonischer Attributwert

Die Bedeutung des rel-Attributs des Link-Tags

Über rel="canonical" (Google Webmaster-Tools)

Verwandte Etiketten:
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