Maison >interface Web >tutoriel HTML >Analyse de l'attribut rel dans la production de pages HTML_HTML/Xhtml_Web
J'ai découvert que certains camarades de classe ont republié et collecté cet article sur Weibo, alors je suis revenu et j'ai relu cet article traduit avec désinvolture, et j'ai découvert plus tard que w3cschools.com.cn avait déjà une traduction de comparaison en chinois, donc ici, je vais continuer à améliorer cet article et à le rendre plus précieux. L'idée initiale de traduire ce document est venue de l'article http://vanessa.b3log.org/research-a-rel-value J'ai trouvé que l'attribut rel a de nombreuses valeurs sémantiques peu communes. le texte original souligne que je souhaite lister les scénarios d'utilisation de ces valeurs d'attribut, et je pense qu'il est très nécessaire de comprendre l'attribut rel de cette manière.
ExempleConnexion avec l'attribut rel :
<a rel="external" href="http://www.xxoo.com/">ooxx</a>
L'attribut rel est pris en charge dans tous les principaux navigateurs
<strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
L'attribut rel précise la relation entre le document actuel et le document connecté
grammaire<a rel="value">
Valeurs supprimées : annexe, chapitre, contenu, copyright, glossaire, index, section, début, sous-section.
Nouvelles valeurs : archives, auteur, signet, externe, premier, index, dernier, licence, nofollow, noreferrer, recherche, barre latérale, tag,up.
Valeur | Description | Scénario|Exemple | HTML4.01 | HTML5 |
---|---|---|---|---|
annexe | Lien vers la page annexe du document | |||
alternant | Lien vers une source alternative (par exemple page imprimée, traduction, miroir) | Configurer l'atome et le flux du site dans la balise head | ||
icône de raccourci | Icône de raccourci | Spécifiez les petites icônes dans la barre de titre, la barre d'adresse et la barre des favoris | ||
archives | Lien vers un ensemble de documents ou des données historiques | <link rel='archives' href='http://www.ooxx.com/2012/07' /> |
||
auteur | Lien vers l'auteur du document | Déclarez l'auteur du document dans la balise head | ||
canonique | Autorité, modèle |
Informez les moteurs de recherche quelle page parmi les pages Web en double ou similaires du site Web actuel correspond à ce que le webmaster souhaite qu'il explore et inclue <link rel="canonical" href="http://xxoo.com/" />
|
||
feuille de style | Feuille de style externe du document | <link rel="stylesheet" href="base.css"> |
||
maison | Connectez-vous à la page d'accueil du site | <link href="http://www.ooxx.com" rel="home" /> |
||
premier | Lien vers le premier document de la collection | <link rel="first" href="index.html"> |
||
commencer | Lien vers la première page du document actuel | <link rel="start" href="about:blank"> |
||
suivant | Lien vers le document suivant de la collection | <link rel="next" href="about:blank"> |
||
précédent | Lien vers le document précédent de la collection | <link rel="chapter" href="about:blank"> |
||
dernier | Lien vers le dernier document de la collection | <link rel="last" href="index.html"> |
||
haut | Fournit un lien vers un document.Ce document fournit le contexte du document actuel | |||
recherche | Outil de recherche lié à la documentation | |||
barre latérale | Lien vers un document qui doit apparaître dans la barre latérale du navigateur | |||
contenu | Lien vers la table des matières du document actuel | Généralement placé dans la barre latérale du contenu principal du document pour faciliter le passage d'un sujet à l'autre sur la page actuelle | ||
index | Lien vers l'index du document actuel | |||
glossaire | Lien vers le glossaire du document actuel | |||
droit d'auteur | Lien vers la page de droits d'auteur ou de confidentialité du document actuel | Copyright en bas du site | ||
chapitre | Lien vers un chapitre du document actuel | |||
rubrique | Lien vers une sous-section dans la liste de documentation | |||
sous-section | Lien vers une sous-section de la liste actuelle des documents. (Une section peut avoir plusieurs sous-sections.) | |||
tête | Lien vers le document de niveau supérieur de la collection | |||
toc | Lien vers la table des matières de la collection | |||
parent | Lien vers la documentation ci-dessus la source | |||
enfant | Lien vers la documentation sous la source | |||
aide | Lien vers la documentation d'aide | <link rel="help" href="http://www.xxoo.net/help.html" /> |
||
marque-page | URL permanente à utiliser comme signet | Titre de la liste | ||
externe | Lien vers une documentation externe | Liens externes cités dans l'article | ||
ne pas suivre | Liens vers des documents non approuvés, tels que des liens payants Google utilise "nofollow" pour demander à ses robots de recherche de ne pas suivre le lien |
Articles associés sur le site, articles aléatoires sur le site, réponses aux commentaires, commentaires, liens de navigation et d'auteur dans les pages de liste et d'article, adresses de commentaires dans la barre latérale, lien « Accueil » dans la navigation de la page d'accueil, articles avec le plus commentaires, articles les plus visités | ||
aucun référent | Spécifie que le navigateur ne doit pas envoyer l'en-tête du référent HTTP lorsque l'utilisateur suit le lien hypertexte | |||
licence | Lien vers les informations de copyright du document | |||
étiquette | Balise du document actuel (mot-clé) | Nuage de tags dans la barre latérale, tags dans les articles, tags dans la liste, tags sur la page de tags | ||
ami | Parrainage | Liens amicaux, thèmes par | en bas
由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!
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
Je dois mentionner la balise rel-author
Valeur de l'attribut canonique rel HTML
La signification de l'attribut rel de la balise link
À propos de rel="canonical"(outils Google pour les webmasters)