Frage

Ich bin gespannt auf einen standardbasierten, zugänglichen und semantisch korrekten Webentwicklungsansatz. Im Büro erwarte ich nicht, dass es sofort große Veränderungen gibt, aber ich versuche, einige der grundlegenden Grundlagen für den Fortschritt weiter unten auf der Strecke festzulegen.

Ein Teil dieses Prozesses ist die Einführung der rel Attribut in Links und anderen solchen Inhalten. Dies erstreckt sich weiter als das vertraute Alte

<link href="mystyles.css" type="text/css" rel="stylesheet" />

was viele Entwickler wahrscheinlich einwerfen würden, ohne darüber nachzudenken. Ich bin gespannt, ob jemand verwendet rel regelmäßig auf andere Weise. Setzen Sie beispielsweise den Link Ihrer Hauptnavigation auf die Startseite mit rel="start".

Wenn Sie Linkbeziehungen in Ihrem eigenen Projekt implementiert haben, was hat Sie dazu veranlasst, sie zu übernehmen und welche Vorteile Sie zu verwirklichen wollten?

Wenn Sie sich Link -Beziehungen angesehen haben, sich aber gegen ihre Verwendung entschieden haben, was war die Grundlage für Ihre Entscheidung?

War es hilfreich?

Lösung

Ich benutze häufig das rel (und rev) Attribute mit einem weiten Wertebereich auf beiden <link/> und <a/> Elemente.

Ich habe einige der häufigsten (und nützlicheren) Beziehungstypen unten beschrieben. Eine vollständigere Liste von rel Die Werte werden auf dem beibehalten Mikroformats Wiki.

HTML 4

Es gibt mehrere Standardverknüpfungsarten, die durch die HTML 4 -Spezifikation definiert sind.

  • alternate - Wird verwendet, um einen Link zu einer alternativen Version eines HTML -Dokuments zu erhalten, beispielsweise in einer anderen Sprache oder einem anderen Format. Dies wird am häufigsten verwendet, wenn sie mit einer syndizierten (RSS- oder Atom-) Version einer Website verknüpft ist.
  • next und previous - Wird verwendet, um die nächsten und früheren Dokumente in einer Reihe von Dokumenten anzuzeigen. Wenn rel="next" wird auf a verwendet <link/> Element dann werden einige Browser den Inhalt des verknüpften Dokuments vorab (siehe die MDC -Link Vorabfeating FAQ).

Xfn

XFN (XHTML Friends Network) ist a Mikroformat Wird verwendet, um die Beziehungen zwischen den Menschen zu beschreiben, die durch Webseiten dargestellt werden. Außerdem kann eine Seite andere Seiten angeben, die dieselbe Person darstellen (z. B. mein Blog, mein Twitter -Profil und mein Stack -Überlaufprofil repräsentieren mich alle). All dies tut dies, indem es einen Satz von definiert rel Werte:

  • me - Wird verwendet, um anzuzeigen, dass die Verknüpfungsseite und die verknüpfte Seite denselben Benutzer darstellen. Dies wird von vielen sozialen Websites (einschließlich Stack -Überlauf) bei der Verknüpfung von einem Benutzerprofil mit der eigenen Website des Benutzers weit verbreitet.
  • contact, aquantance und friend - Zeigt an, dass Sie die Person kennen, die Sie verknüpfen und wie gut Sie sie kennen.
  • met - Zeigt an, dass Sie die Person getroffen haben, mit der Sie verknüpfen.
  • co-worker und colleague - Geben Sie an, dass Sie entweder mit oder im selben Bereich arbeiten wie die Person, mit der Sie verlinken.
  • co-resident und neighbor - Geben Sie an, dass Sie mit oder in der Nähe der Person leben, mit der Sie verknüpfen.
  • child, parent, sibling, spouse und kin - Geben Sie an, dass Sie mit einem Familienmitglied verknüpfen.
  • muse, crush, date und sweetheart - Geben Sie eine romantische Beziehung zu der Person an, mit der Sie verlinken.

Diese Beziehungen können analysiert und verwendet werden, um Informationen über einen Benutzer zu bestimmen, z. B. wer ihre Freunde sind oder welche anderen Online -Profile sie besitzen. Für weitere Informationen zu aktuellen und potenziellen Zukunft können die folgenden Seiten von Interesse sein:

Sonstiges

Es gibt verschiedene andere Link -Typen, die durch verschiedene Spezifikationen definiert sind:

  • nofollow - Wird verwendet, um anzuzeigen, dass Suchmaschinen beim Krabbeln einer Webseite keinen Link folgen sollten. Siehe das REL-NOWOW-Spezifikation.
  • canonical - Wird verwendet, um anzuzeigen, dass eine andere URL die kanonische Version der aktuellen Seite ist und daher von Suchmaschinen bevorzugt werden sollte. Dies wird auch mit dem verwendet rev Attribut, um eine alternative, normalerweise kürzere URL für die aktuelle Seite anzuzeigen (dh rev="canonical" Zeigt an, dass die aktuelle URL die kanonische Version der verknüpften URL ist). Weitere Informationen und Tools finden Sie in Simon Willisons Blogeintrag auf rev = kanonisch.
  • tag - Wird verwendet, um anzuzeigen, dass die verlinkte Seite ein Tag (dh Schlüsselwort) ist, das die Verknüpfungsseite beschreibt. Siehe das Rel-Tag-Spezifikation.
  • license - Wird verwendet, um die Lizenz anzugeben, unter der der Inhalt der Verknüpfungsseite veröffentlicht wird. Siehe das Rel-Lizenz-Spezifikation.

Andere Tipps

Ich verwende die rel = "nofollow" für benutzergesteuerte Links in Blog -Kommentaren. Google folgt dem Link nicht und wird aufgrund des Links nicht einen höheren Seitenrang erhalten.

Eine Sache, für die ich sie verwendet habe, ist eine Möglichkeit, externe Links zu benennen, die in einem neuen Fenster geöffnet werden sollten. Diese Funktionalität ist mit strengen XHTML nicht möglich, weil die target Attribut ist nicht mehr erlaubt <a> Stichworte. Aber mit etwas JavaScript und dem rel Attribut Sie können einen ziemlich anständigen Job daraus machen, wie in diesem Artikel beschrieben: New-Window-Links in einer standardkonformen Welt.

Wie Sagte Chad, Ich benutze rel="external" Um Links zu benennen, möchte ich in einem neuen Fenster öffnen (nutze ein paar JQuery, um es möglich zu machen).

Ich benutze auch rel="nofollow" Wenn ich die Bots erstellen möchte, die Regeln befolgen (wie Google Bot), indizieren ich meinen Link nicht.

Auf öffentlichen Websites ist es nützlich, den Nofollow automatisch hinzuzufügen. Andernfalls könnte es für Spammer verlockend werden, beispielsweise einen Linkfarm aus Ihren Blog -Kommentaren herauszuholen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top