Maison > interface Web > tutoriel HTML > Comment utiliser la balise de lien en HTML

Comment utiliser la balise de lien en HTML

下次还敢
Libérer: 2024-04-27 18:52:33
original
1090 Les gens l'ont consulté

La balise link en HTML est utilisée pour lier des ressources externes, telles que des fichiers CSS, des icônes et des polices. La syntaxe est , où rel spécifie le type et href spécifie l'URL de la ressource. Les types courants incluent la feuille de style (CSS), l'icône (Favicon), la police (police), la préconnexion (pré-connexion) et le préfet (ressources de prélecture).

Comment utiliser la balise de lien en HTML

Utilisation de la balise de lien en HTML

Qu'est-ce que la balise de lien ?

La balise de lien est un élément HTML utilisé pour lier des ressources externes (telles que des fichiers CSS, des icônes, des polices) dans des documents HTML. La syntaxe de

link tag

<code class="html"><link rel="rel-type" href="source-url"></code>
Copier après la connexion

où :

  • rel l'attribut spécifie le type de lien, tel qu'une feuille de style, une icône, etc. L'attribut
  • href spécifie l'URL de la ressource externe vers laquelle créer un lien.

Types de balises de lien

Les balises de lien peuvent être utilisées pour créer des liens vers différents types de ressources externes. Les types les plus courants incluent :

  • feuille de style : lien vers des fichiers CSS externes.
  • icon : Icône du site Web du lien (Favicon).
  • font-face : Lien vers des fichiers de polices externes.
  • preconnect : Pré-connectez-vous à d'autres serveurs.
  • préfet : prérécupérez les ressources pour un chargement rapide.

Utilisez la balise link

Pour utiliser la balise link, ajoutez le code suivant dans la section <head> : <head> 部分添加以下代码:

<code class="html"><head>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.ico">
</head></code>
Copier après la connexion

此代码将链接外部CSS文件 style.css 和网站图标 favicon.ico

link标签的属性

除了 relhrefrrreee

Ce code reliera le fichier CSS externe style.css et favicon <code>favicon.ico.
  • Attributs de la balise link
  • En plus des attributs rel et href, la balise link prend également en charge d'autres attributs, notamment :
  • media : Spécifiez CSS Le type de média pour lequel le fichier est disponible (par exemple, écran, impression).
  • type : Spécifiez le type MIME de la ressource externe.
  • sizes : Spécifiez la taille de l'icône.
crossorigin🎜 : spécifiez les paramètres d'origine croisée lors de l'accès à des ressources externes. 🎜🎜🎜referrerpolicy🎜 : Spécifiez l'en-tête HTTP envoyé lors de la demande de ressources externes. 🎜🎜

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal