Question

Je suis impatient d'aller vers une approche plus basée sur les standards, le développement web accessible et semanticly correcte. Au bureau, je ne pense pas qu'il y ait d'énormes changements tout de suite, mais je suis en train de commencer à jeter bas quelques-uns des fondements de base pour de nouveaux progrès sur la piste.

Une partie de ce processus est l'introduction de l'attribut dans les liens rel et d'autres contenus tels. Cela va plus loin que le familier vieux

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

dont beaucoup développeurs seraient probablement jeter sans même y penser. Je suis curieux de savoir si quelqu'un utilise régulièrement dans d'autres rel="start" façons. Par exemple, la mise en lien de votre navigation principale Retour à la page d'accueil avec <=>.

Si vous avez mis en œuvre dans votre relations de lien propre projet, ce qui vous a incité à les adopter et quels sont les avantages que vous essayiez de réaliser?

Si vous avez regardé relations de lien, mais a décidé contre leur utilisation, ce qui était la base de votre décision?

Était-ce utile?

La solution

I souvent utiliser le rel (et rev) attribue à une large gamme de valeurs à la fois sur <link/> et <a/> éléments.

J'ai décrit quelques-uns des types de relations plus courantes (et plus utiles) ci-dessous. Une liste plus complète des valeurs est maintenue alternate sur le wiki microformats .

HTML 4

Il existe plusieurs types de liens standard définis par la spécification HTML 4.

  • next - Utilisé pour fournir un lien vers une autre version d'un document HTML, par exemple dans une autre langue ou un autre format. Ceci est le plus souvent utilisé lors de la liaison à une version syndiqué (RSS ou Atom) d'un site Web.
  • previous et rel="next" - Utilisé pour indiquer les documents suivants et précédents dans une série de documents. Si l'on utilise sur me un élément alors que certains navigateurs contact seront précharger le contenu du document lié (voir lien MDC préchargement FAQ ).

XFN

XFN (XHTML Friends réseau) est un microformat utilisé pour décrire les relations entre les personnes qui sont représentés par des pages Web. Il permet également une page pour indiquer d'autres pages qui représentent la même personne (par exemple mon blog, mon profil Twitter et mon profil Stack Overflow tous me représenter). Il fait tout cela en définissant un ensemble de valeurs aquantance:

  • friend - Utilisé pour indiquer que la page de liaison et la page liée représentent le même utilisateur. Ceci est largement adopté par de nombreux sites sociaux (y compris Stack Overflow) lors de la liaison d'un profil de l'utilisateur vers le site web de l'utilisateur.
  • met , co-worker et colleague - indique que vous connaissez la personne que vous liez et comment vous savez eux.
  • co-resident -. Indique que vous avez rencontré la personne que vous liez
  • neighbor et child -. Indiquer que vous soit travailler ou de travailler dans le même domaine que la personne que vous créez un lien vers
  • parent et sibling -. Indiquer que vous vivez avec ou près de la personne que vous liez
  • spouse , kin , muse , crush et date -. indiquez que vous liez à un membre de votre famille
  • sweetheart , nofollow , canonical et rev="canonical" - indiquent un romantique relation avec la personne que vous liez.

Ces relations peuvent être analysées et utilisées pour déterminer les informations sur un utilisateur, comme leurs amis qui sont ou quels autres profils en ligne qu'ils possèdent. Pour plus d'informations sur le courant et potentiel futur, les applications de cela, les pages suivantes pourraient intéresser:

Autres

Il existe plusieurs autres types de liens définis par différentes spécifications:

Autres conseils

J'utilise l'attribut rel = « nofollow » pour l'utilisateur a contribué liens dans les commentaires de blog. Google suivre le lien coutume et il l'habitude obtenir un rang plus élevé page en raison du lien.

Une chose que je les ai utilisé pour est comme un moyen de désigner des liens externes qui devraient être ouverts dans une nouvelle fenêtre. Cette fonctionnalité est impossible avec XHTML strict, parce que l'attribut n'est target plus autorisé sur les étiquettes <a>. Mais avec quelques javascript et vous pouvez attribuer rel faire un travail assez décent de celui-ci, comme il est indiqué dans cet article: Liens noreferrer Nouvelle-fenêtre monde conforme aux normes.

Tchad dit , je utilise pour désigner des liens rel="external" Je voudrais ouvrir dans une nouvelle fenêtre (tirant parti de certains jQuery pour le rendre possible).

Je l'utilise aussi quand je rel="nofollow" aime faire les robots qui suivent des règles (comme Google bot) ne index mon lien.

Il est utile sur les sites Web publics pour ajouter automatiquement le nofollow, sinon il pourrait devenir alléchante pour les spammeurs pour faire une ferme de lien de vos commentaires de blog, par exemple.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top