Maison  >  Article  >  interface Web  >  Attributs de la balise de lien en HTML

Attributs de la balise de lien en HTML

下次还敢
下次还敢original
2024-04-27 19:24:58918parcourir

Les attributs de la balise Link en HTML sont utilisés pour créer des liens vers des ressources externes et ont les principaux attributs suivants : href : Spécifiez l'URL de la ressource du lien rel : Définissez la relation entre le lien et le type de page actuel : Spécifiez le MIME type de ressource de lien média : Spécifiez à quels formats il s'applique. Tailles de type de média : Spécifiez la taille de l'icône sur différents appareils crossOrigin : Spécifiez s'il faut autoriser les requêtes inter-domaines

Attributs de la balise de lien en HTML

Attributs de la balise Link en HTML

La balise Link est utilisée en HTML pour établir des liens avec des ressources externes (telles que des feuilles de style, des scripts, des icônes). Il possède les principaux attributs suivants :

1. href : Spécifie l'URL de la ressource à lier. Il peut s'agir d'un fichier local ou d'un fichier distant.

2.rel : Définir la relation entre le lien et la page actuelle. Les valeurs rel courantes incluent :

  • feuille de style : Lien vers une feuille de style CSS
  • icône : Lien vers une icône
  • alternative : Lien vers une autre langue ou version d'appareil de la page

3. type : Spécifiez le type MIME de la ressource liée. Pour CSS, le type est généralement "text/css" et pour les icônes, le type est généralement "image/vnd.microsoft.icon".

4. Médias : Spécifiez à quels types de médias la ressource de lien est adaptée. Les valeurs de support courantes incluent :

  • tous : Applicable à tous les types de supports
  • impression : Applicable uniquement à la sortie d'impression
  • écran : Applicable uniquement à l'affichage à l'écran

tailles : 5. Spécifié La taille de l'icône sur différents appareils. Par exemple, size="32x32" signifie que l'icône s'affiche sur un appareil de 32 x 32 pixels.

6. crossOrigin : Spécifiez s'il faut autoriser les requêtes d'origine croisée. Par défaut, crossOrigin est « anonyme », ce qui signifie que seules les métadonnées de la ressource peuvent être lues.

Exemple :

L'exemple suivant montre une balise Link qui renvoie à une feuille de style :

<code class="html"><link rel="stylesheet" type="text/css" href="style.css"></code>

L'exemple suivant montre une balise Link qui renvoie à une favicon :

<code class="html"><link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32"></code>

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