La balise link et la balise a sont toutes deux des balises utilisées pour les liens, mais quelle est la différence entre elles ? Cet article vous présentera la différence entre les balises de lien et les balises.
Tout d'abord, jetons un coup d'œil à la balise link ?
La balise link est une balise utilisée pour relier d'autres pages liées à cette page. Cependant, cette balise n'a aucun rapport direct avec l'apparence du site internet.
Donc en gros, c'est écrit dans la balise head. La balise
link est généralement utilisée pour lire CSS et JavaScript en tant que fichiers externes, ainsi que pour lire des icônes Web appelées favicon.
Qu'est-ce que le tag a ?
Lorsque vous voyez un lien, quelqu'un peut penser à la balise a.
une balise définit un hyperlien, qui est utilisé pour créer un lien d'une page à une autre.
Jetons un coup d'oeil à la différence entre la balise link et la balise a
Comme mentionné dans la définition ci-dessus, la balise link n'a pas de relation directe avec l'apparence du site Internet.
Cependant, la balise a crée un élément de lien hypertexte dans la page.
Si vous souhaitez créer un lien hypertexte de base, utilisez la balise a. Si vous souhaitez lire d'autres fichiers HTML, utilisez la balise link.
Comment utiliser la balise de lien ?
Ces fichiers peuvent être séparés du HTML et enregistrés en externe sous forme de fichiers .css ou .js.
Vous devez utiliser la balise de lien ci-dessus pour lire le fichier.
Regardons un exemple précis
Le code est le suivant
HTML
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<div class="text">text</div>
</html>CSS
.text {
color: blue;
}Exécuter Les résultats sont les suivants
De cette façon, vous pouvez voir que le CSS écrit dans style.css est en fait connecté avec succès au HTML via le lien étiqueter .
L'attribut rel précise la relation entre ce HTML et ce CSS, et l'attribut href précise le chemin du fichier à lire
Comment utiliser la balise a ?
L'utilisation d'une balise est très simple Regardons un exemple précis
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="//m.sbmmt.com/">php中文网</a> </body> </html>
L'effet de l'opération est le suivant
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
