Heim >Web-Frontend >HTML-Tutorial >Analyse des rel-Attributs bei der Erstellung von HTML_HTML/Xhtml_Web-Seiten
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.
BeispielVerbindung mit rel-Attribut:
<a rel="external" href="http://www.xxoo.com/">ooxx</a>
Das rel-Attribut wird in allen gängigen Browsern unterstützt
<strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
Das rel-Attribut gibt die Beziehung zwischen dem aktuellen Dokument und dem verbundenen Dokument an
Grammatik<a rel="value">
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.
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/" />
|
||
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 | unten
由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!
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