Explication détaillée de la différence entre rel et target de l'échange links_Experience

Que l'existence de target="_blank" soit nécessaire ou non, je pense qu'il y a encore beaucoup de gens dans un angle mort. J'ai vérifié la littérature pertinente et constaté que la situation n'est pas celle que nous pensions. En fait, target="_blank" n'est pas de mauvaise qualité et la solution utilisant rel et JS n'est pas nécessaire car il s'agit d'un malentendu. vrai sens de rel et target, nous comprendrons qu’il ne devrait y avoir aucune controverse ici. Ci-dessous, je partagerai avec vous les connaissances que j'ai acquises en examinant la littérature. Comprenons d'abord la signification de target et rel :

target vous permet de spécifier où afficher le contenu de l'hyperlien sélectionné. C’est à dire dans quelle fenêtre sera affiché le contenu lié. La valeur d'attribut de target a quatre noms réservés, à savoir : _blank, _self, _parent, _top. _blank signifie que le navigateur charge toujours le document lié par target="_blank" dans une fenêtre sans nom nouvellement ouverte. Vous ne comprenez peut-être pas ce que signifie « sans nom » ici. En fait, target peut attribuer un identifiant à la fenêtre nouvellement ouverte, par exemple : target="name" Cela signifie que le document chargé via le lien target="name" sera affiché dans une fenêtre appelée "name". S'il n'y a pas de fenêtre avec l'ID « nom », le navigateur créera une nouvelle fenêtre nommée « nom » pour afficher le document lié. Si l'ID de la fenêtre actuelle est "nom", alors le document lié sera affiché dans la fenêtre actuelle en remplacement du contenu original. Et _self signifie en fait le document actuel. La cible par défaut de est _self. Cette valeur d'attribut n'est généralement pas utilisée. _parent provoque l'affichage du document lié dans la fenêtre parent. Cette valeur d'attribut n'est utilisée que dans la structure du cadre. S'il s'agit d'un cadre de niveau supérieur, sa fonction est la même que _self. _top est également appliqué dans le cadre, mais son effet est d'effacer le cadre pour afficher le document cible. Ceci est utile pour passer de structures avec cadre à des structures sans cadre.

Nous savons désormais que la cible est un attribut affiché par une cible étroitement liée au navigateur. Alors, qu’est-ce que le rel ? Pourquoi beaucoup de gens le considèrent-ils comme un attribut alternatif de la cible ? Faisons maintenant connaissance avec rel. En fait, il n'y a pas qu'un rel mais aussi un attribut correspondant appelé rev. Les significations de ces deux attributs sont : la relation du document source au document cible ; Le document source ici peut être compris comme le document actuel où se trouve le lien, et le document cible est le document que le lien ouvrira. Soyons clairs à ce stade. En fait, rel et rev sont une relation de lien avant le document, plutôt que des attributs liés au navigateur sur la manière d'afficher le document cible.

Alors quelle est la relation entre rel et rev ? Ce qui suit les listera un par un et expliquera leur signification :

suivant, liens vers le document suivant ;
prev, liens vers le document précédent
head, liens vers le document de niveau supérieur ; dans la collection ;
toc, liens vers le répertoire de la collection ;
parent, liens vers le document au dessus de la source
Enfant, liens vers le document en dessous de la source ; l'index de ce document ;
glossaire, un glossaire lié à ce document

où next et prev sont un groupe ; Cela montre que la relation précédente entre le document courant et le document cible est une relation de même niveau, qui peut s'écrire ainsi
. Head et toc peuvent former une combinaison, indiquant un lien de la table des matières vers le document final, ou un lien du document vers la table des matières. Parent et enfant forment un groupe, indiquant que le document actuel est lié au document parent ou au document enfant. L'index et le glossaire peuvent être combinés avec l'en-tête respectivement pour former des documents à indexer, ou un index de documents vers un glossaire ou un glossaire vers des documents ;
Peut-être que ce n'est toujours pas très clair. Voici un exemple : j'ai compilé une ressource de documents cinématographiques ici, je dois donc classer ces ressources en : films d'arts martiaux, films de guerre et films d'amour. films, films d'horreur, documentaires. Ensuite, lorsque j'ai besoin de créer un lien vers la sous-catégorie suivante dans le répertoire racine du film, la relation de lien doit être : rel=child rev=parent Et si la page de chaîne actuelle est un film d'arts martiaux, je dois passer à la chaîne de films d'amour. ou d'autres chaînes. , alors la relation de lien devrait être : rel=next rev=prev, lorsque nous lions d'un film d'arts martiaux au document du film "Crouching Tiger, Hidden Dragon", la relation de lien devrait être : rel=head rev=toc, à partir de Lorsque "Crouching Tiger, Hidden Dragon" est lié à l'index, la relation de lien devient : rel=index rev=head.

Puisque le CSS actuel ne peut pas capturer les valeurs d'attribut​​de rel et rev, il n'y a aucun moyen de fournir des styles différents pour les liens avec des relations différentes, donc maintenant rel et rev ne sont utilisés que pour créer la sémantique de la page web plus complète.