Maison  >  Article  >  interface Web  >  Analyse de l'attribut rel en HTML

Analyse de l'attribut rel en HTML

不言
不言original
2018-06-20 10:27:382593parcourir

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 a0201b64f44e617b0ed1ca6a04e4a375
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

5b1a6bbe339a499f00a98e72fd340e3b
  • 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 ffa9e93c45b9e97635715e3ed25eb939
accueil Connectez-vous à la page d'accueil du site ec88fb1017b684c313e9a2ca2a4824cf
premier Liens vers le premier document de la collection 46f4b057dfd067bac314e509eec33bc3
début Liens vers la première page du document actuel 18e94beb14b653c64015faf023d36385
suivant Liens vers le prochain document de la collection a180899e1638d1be93bcfd54fbaf6964
prev Liens vers le document précédent de la collection 83a0a3faf601f282321705a321e3028a
dernier Liens vers le dernier document de la collection 124f94eb4e8a86ef163e82e2146d0c69
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 82cc14e75ddca56a0db3cad234e5932b
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn