Attributs HTML5

Certains attributs ne peuvent être appliqués qu'à un élément spécifique, mais certains peuvent être appliqués à un ou plusieurs éléments.
Dans l'exemple suivant, nous verrons l'application d'un attribut à l'élément

Cet élément permet de créer un lien hypertexte lorsque l'on clique dessus, il est important de mentionner que les attributs ne peuvent être ajoutés qu'au début des libellés et doivent avoir un nom et sa valeur correspondante.
De plus, nous pouvons ajouter plusieurs attributs à nos éléments en les séparant par un simple espace :
J'aime classer= "lien" href= "/ pommes.html" aller= "firstlink"> pommes et oranges.
Attributs booléens
Certains attributs sont booléens, pour ceux-ci il n'est pas nécessaire de spécifier une valeur, il est seulement ajouté à l'élément et il exécutera sa fonctionnalité, par exemple :
Entrez votre nom:
Ici, nous utilisons l'attribut désactivée dans l'élément d'entrée qui fournit à l'utilisateur les moyens d'entrer des informations, en ajoutant l'attribut désactivée nous empêchons l'utilisateur de saisir des informations à l'aide du clavier ou copiées dans le presse-papiers.
Attributs personnalisés
Nous pouvons définir des attributs personnalisés tant que le nom que nous utilisons a le préfixe data- :
Entrez votre nom:
Le nom correct de ces attributs est des attributs définis par l'auteur et en y ajoutant le préfixe de données, nous obtenons que les navigateurs l'interprètent sans aucun problème et sans aucun conflit avec tout autre attribut personnalisé créé précédemment.
Attributs globaux HTML5
Il existe une deuxième catégorie d'attributs, ceux-ci configurent le comportement commun à tous les éléments, voyons ce qu'ils sont :

• 1. Clé d'accès

Cet attribut permet de spécifier un ou plusieurs raccourcis clavier qui sélectionneront l'élément auquel il est appliqué sur la page.

 Exemple de nom :
Mot de passe:

Ici, nous pouvons voir que le nom d'entrée sera accessible avec la touche 'n', le mot de passe avec 'p' et Login avec 's'.

• 2. Classe

L'attribut class est utilisé pour classer ou catégoriser des éléments, nous le faisons généralement pour pouvoir localiser les éléments dans le document qui appartiennent à la classe donnée et pouvoir lui appliquer un style CSS.

 Exemple de site Apress
Site Internet du W3C 

Nous pouvons appliquer plusieurs classes à chaque élément séparant les classes par un espace, les noms que nous attribuons aux classes sont arbitraires mais ma recommandation est de placer des noms qui ont un sens dans le contexte sur lequel nous travaillons.

• 3. Contenu modifiable

Cet attribut nous permet de modifier le contenu de la page sans avoir besoin d'un formulaire ou d'une programmation supplémentaire.

 Exemple 
il pleut en ce moment

Nous avons appliqué l'attribut à un élément

définir la valeur de l'attribut sur "true" permettant à l'utilisateur de modifier le contenu de ce paragraphe. Lorsque l'utilisateur clique sur l'élément, il peut commencer à le modifier.

Dans le prochain tutoriel, nous verrons le reste des attributs qui sont utilisés dans notre document HTML et qui nous permettront de configurer nos éléments comme nous le souhaitons et adaptés à nos besoins.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif