Grâce à l'étude précédente, nous avons déjà une compréhension simple des balises HTML et savons que nous pouvons ajouter certains attributs aux balises. Ces attributs contiennent des informations supplémentaires sur les balises, telles que :
(1) L'attribut href peut fournir l'adresse du lien pour la balise <a> ;
(2) L'attribut src peut fournir le chemin de l'image pour la balise <img> ;
(3) L'attribut style peut définir des styles CSS pour presque toutes les balises.
Dans cet article, nous expliquerons la définition et l'utilisation des attributs des balises HTML.
1. Que sont les attributs ?
Les attributs peuvent fournir des informations supplémentaires sur les balises HTML ou modifier les balises HTML. L'attribut doit être ajouté dans la balise de début et le format de syntaxe est :
attr=valeur
attr représente le nom de l'attribut et value représente la valeur de l'attribut. Les valeurs d'attribut doivent être entourées de guillemets doubles ou de guillemets simples ' '.
Remarque : Bien que les guillemets doubles et les guillemets simples puissent entourer les valeurs d'attribut, dans un souci de standardisation et de professionnalisme, veuillez utiliser autant que possible des guillemets doubles.
Une balise peut n'avoir aucun attribut ou un ou plusieurs attributs.
Exemple d'utilisation des attributs HTML :
<pid=user-infoclass=color-red>Bienvenue <fontcolor=redsize=3>username</font> sur C Language Network. Vous utilisez ce site depuis 3 ans. Ceci est votre 264ème connexion. <p><divclass=clearfloat><pclass=left>Informations sur le compte du nom d'utilisateur</p><pclass=right>Signature personnalisée du nom d'utilisateur</p></div>
Montré ci-dessous :
1. Propriétés spéciales
Il existe de nombreux attributs HTML, qui peuvent être grossièrement divisés en deux catégories :
(1) Certains attributs s'appliquent à la plupart ou à la totalité des balises HTML. Nous appelons ces attributs des attributs universels ;
(2) Certains attributs ne sont applicables qu'à une ou plusieurs balises HTML spécifiques. Nous appelons ces attributs des attributs spéciaux.
La balise <img> en HTML possède deux attributs spéciaux, src et alt, et la balise <a> possède également deux attributs spéciaux, href et target, comme le montre l'exemple suivant :
<img src=./logo.png alt=Logo du réseau de langage C largeur=100 hauteur=50>
<a href=http://c.biancheng.net/ target=_blank>Réseau de langage C</a>
Description du code :
L'attribut src dans la balise <img> est utilisé pour définir le chemin de l'image, et l'attribut alt est utilisé pour définir les informations de description de l'image. Lorsque l'image est anormale et ne peut pas être affichée normalement, les informations dans alt le seront. être affiché.
L'attribut href de la balise <a> est utilisé pour définir l'adresse du lien, et l'attribut target est utilisé pour définir la manière dont la nouvelle page est ouverte dans le navigateur.
2. Attributs personnalisés
En plus de ses propres attributs, HTML nous permet également de personnaliser les attributs. Bien que ces attributs puissent être reconnus par le navigateur, ils n'ajoutent aucun effet spécial. Nous devons utiliser CSS et JavaScript pour traiter les attributs personnalisés et ajouter les styles spécifiés au HTML. balises ou comportement.
2. Attributs HTML
● Les éléments HTML peuvent définir des attributs
●Les attributs peuvent ajouter des informations supplémentaires aux éléments
●Les attributs sont généralement décrits dans la balise d'ouverture
●Les attributs apparaissent toujours sous la forme de paires nom/valeur, par exemple : nom=valeur.
Résumé : Les éléments HTML peuvent fournir des informations supplémentaires sur les éléments HTML en définissant des attributs ; les attributs sont des caractéristiques qui appartiennent à l'élément.
1. Attributs communs
Les attributs suivants s'appliquent à la plupart des éléments HTML
(1) classe
Définir un ou plusieurs noms de classe (noms de classe) pour les éléments HTML (les noms de classe sont introduits à partir des fichiers de style)
L'attribut de classe peut être utilisé plusieurs fois, c'est-à-dire class=classname1 classname2 classname3... (Plusieurs attributs de classe peuvent être renseignés entre guillemets)
(2)identifiant
Définir l'identifiant unique de l'élément
L'attribut id ne peut être défini qu'individuellement, c'est-à-dire id=myid (un seul peut être renseigné, plusieurs ne sont pas valides)
(3) style
Spécifier le style en ligne d'un élément
(4) titre
Décrit des informations supplémentaires sur l'élément (utilisé comme barre d'outils)
2. Valeurs d'attribut de référence couramment utilisées pour les attributs HTML
Les valeurs des propriétés doivent toujours être placées entre guillemets.
Les guillemets doubles sont les plus couramment utilisés, mais l'utilisation de guillemets simples ne pose aucun problème.
Astuce : Dans certains cas individuels, par exemple si la valeur de l'attribut elle-même contient des guillemets doubles, vous devez utiliser des guillemets simples, par exemple :
nom='JohnShotGunNelson'
3. Astuce HTML : utilisez des attributs en minuscules
Les propriétés et les valeurs des propriétés ne sont pas sensibles à la casse.
Cependant, le World Wide Web Consortium recommande les attributs/valeurs d'attribut en minuscules dans ses recommandations HTML 4.
La nouvelle version de (X)HTML nécessite des attributs en minuscules.
4. Manuel de référence des attributs HTML
Voir la liste complète des attributs HTML : liste des balises HTML.
Les attributs qui s'appliquent à la plupart des éléments HTML sont répertoriés ci-dessous :