Analyse de l'attribut rel en HTML

Cet article présente principalement l'analyse de l'attribut rel en HTML. Les amis qui en ont besoin peuvent s'y référer

Depuis que j'ai découvert que certains étudiants ont republié et récupéré cet article sur Weibo, je suis revenu et revu cet article. J'ai découvert plus tard que w3cschools.com.cn avait déjà une traduction chinoise comparable de l'article sur la traduction sexuelle, je vais donc continuer à améliorer cet article pour le rendre plus précieux. L'idée originale de traduire ce document est venue de l'article http://vanessa.b3log.org/research-a-rel-value. J'ai découvert que l'attribut rel avait de nombreuses valeurs sémantiques inhabituelles. L'article original se concentrait sur leur liste. valeurs d'attribut. Pour les scénarios d'utilisation, je pense qu'il est très nécessaire de comprendre l'attribut rel de cette manière.

Exemple

Connexion avec l'attribut rel :

<a rel="external" href="http://www.xxoo.com/">ooxx</a>

Prise en charge du navigateur

L'attribut rel est pris en charge dans tous les principaux navigateurs

<strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

Définissez et utilisez l'attribut

rel pour spécifier le document actuel Relation avec le document lié

Syntaxe

<a rel="value">

Différences entre HTML 4.01 et HTML 5

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, haut.

Valeur de l'attribut

Valeur	Description	Scénario|Exemple	HTML4.01	HTML5
annexe	Liens vers la page annexe du document
alternative	Lien vers une source alternative (telle que : page imprimée, traduction et miroir)	Configurer l'atome du site, alimenter le balise head
icône de raccourci	Icône de raccourci	Spécifier la barre de titre, la barre d'adresse, la collection Icônes de colonnes
archives	Lien vers des collections de documents ou des données historiques	<link rel=&#39;archives&#39; href=&#39;http://www.ooxx.com/2012/07&#39; />
auteur	Lien vers l'auteur du document	Indiquer l'auteur du document dans l'en-tête balise
canonique	Autorité, modèle	Informer les moteurs de recherche des doublons dans le site Web actuel ou dans des pages Web similaires, quelle page le webmaster souhaite explorer et inclure <link rel="canonical" href="http://xxoo.com/" /> La valeur de l'attribut canonique apparaît généralement dans l'attribut rel URL de référence : http://www.xxoo.com/xhtml/rel_canonical/ canonical Fonctionnellement parlant, il peut être compris comme une fonction auxiliaire pour la redirection permanente 301 canonical peut être utilisé avec des liens relatifs ou des liens absolus, mais Il est recommandé d'utiliser des liens absolus La définition de Google de canonique est la suivante : une page Web canonique est la version préférée d'un groupe de pages Web avec un contenu très similaire canonique : La signification de « modèle » en chinois
feuille de style	La feuille de style externe du document	<link rel="stylesheet" href="base.css">
accueil	Connectez-vous à la page d'accueil du site	<link href="http://www.ooxx.com" rel="home" />
premier	Liens vers le premier document de la collection	<link rel="first" href="index.html">
début	Liens vers la première page du document actuel	<link rel="start" href="about:blank">
suivant	Liens vers le prochain document de la collection	<link rel="next" href="about:blank">
prev	Liens vers le document précédent de la collection	<link rel="chapter" href="about:blank">
dernier	Liens vers le dernier document de la collection	<link rel="last" href="index.html">
up	Fournit un lien vers un document. Ce document fournit le contexte du document actuel
recherche	Lien pour rechercher le Outils de document
barre latérale	Lien vers un document qui doit être affiché dans le navigateur barre latérale
contenu	Lien vers le répertoire de contenu du document actuel	Général Placez-le 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
copyright	Lien vers la page copyright ou confidentialité de le document actuel	Copyright en bas du site
chapitre	Lien vers un chapitre du document actuel
section	Liens vers une section de la liste des documents
sous-section	renvoie à une sous-section dans la liste actuelle des documents. (Une section peut avoir plusieurs sous-sections.)
tête	Lien vers la collection Le document de niveau supérieur en
toc	liens vers la table des matières de la collection
parent	Lien vers le document ci-dessus
enfant	liens vers le document sous la source
aide	Lien vers le document d'aide	<link rel="help" href="http://www.xxoo.net/help.html" />
signet	URL permanente à utiliser comme signet	Titre de la liste
externes	Liens vers des documents externes	Liens externes cités dans l'article
nofollow	Liens vers des documents non approuvés, tels que des liens payants Google utilise "nofollow" pour spécifier que ses robots de recherche ne suivront pas le lien	Articles connexes sur le site, articles aléatoires sur le site, réponses aux commentaires, commentaires, vues et liens d'auteur dans les listes et les pages d'articles, commentaire les adresses dans la barre latérale, le lien "Accueil" dans la navigation de la page d'accueil, les articles les plus commentés, les articles les plus visités
noreferrer	stipule quand Lorsque l'utilisateur suit le lien hypertexte, le navigateur ne doit pas envoyer l'en-tête du référent HTTP
licence	Informations de copyright liées au document
balise	Balise du document actuel (Mots clés)	Nuage de balises dans la barre latérale, balises dans les articles, balises dans la liste, balises sur la page de balises
ami	Parrainage	Liens amicaux, thèmes en bas par

En raison de mon niveau limité, il est inévitable qu'il y ait des erreurs. Si les lecteurs estiment qu'il y a quelque chose qui ne va pas ou ont besoin d'ajouter quelque chose, veuillez laisser un message et le signaler. Merci ! 🎜>

Ce qui précède représente l'intégralité du contenu de cet article. J'espère que cela aidera tout le monde à en tirer des leçons. Utile, veuillez faire attention au site Web PHP chinois pour plus de contenu connexe !

Recommandations associées :

Comment supprimer l'espace vide d'Inline-Block en HTML

Le rôle de la méta dans la page html et Analyse des paramètres de mise en cache et de non-caching des pages

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!