Attributs HTML rares que vous devriez connaître

Le HTML regorge de joyaux cachés que de nombreux développeurs négligent souvent. Ces attributs HTML rares peuvent améliorer votre processus de développement Web, améliorer les performances et rendre l'interactivité de vos projets tout à fait unique.

Les attributs HTML fournissent des informations supplémentaires sur les éléments HTML.

1. Caché

L'attribut caché est utilisé pour masquer l'élément sur la page Web sans le supprimer du DOM. vous pouvez utiliser cet attribut avec tous les éléments HTML.

<p hidden>This text is hidden.</p>

2. Contenu modifiable

L'attribut contenteditable est utilisé pour spécifier si le contenu de l'élément est modifiable ou non. Il permet aux utilisateurs de modifier le contenu de l'élément.

 <div contenteditable="true">You can edit this text!</div>

3. Vérification orthographique

Vous pouvez appliquer l'attribut de vérification orthographique aux éléments (à l'exception des mots de passe), aux éléments dont le contenu est modifiable et à l'élément pour activer ou désactiver la vérification orthographique par le navigateur.

<textarea spellcheck="false">No spell check here!</textarea>

4. Titre

L'attribut title est utilisé pour fournir des informations supplémentaires sur un élément. lorsque l'utilisateur survole l'élément, les informations s'affichent, elles agissent comme une info-bulle.

<a href="document.pdf" title="Click to download">DownloadFile</a>

5. Acceptez

vous pouvez utiliser l'attribut accept avec l'élément, uniquement pour le type de fichier, pour spécifier les types de fichiers qu'un serveur accepte.

<input type="file" accept=".jpg, .jpeg, .png">

6. Remplissage automatique

Vous pouvez contrôler la fonction de saisie semi-automatique d'un navigateur en utilisant l'attribut de saisie semi-automatique avec des éléments tels que le formulaire, la saisie et la zone de texte.

<input type="text" name="name" autocomplete="on" />

7. Mode de saisie

Les attributs inputmode fournissent une indication sur le type de données qui seront saisies dans une saisie de texte.

<input type="text" inputmode="numeric" placeholder="Phone numbers">

8. Télécharger

L'attribut download en HTML permet de spécifier qu'un fichier doit être téléchargé lorsqu'un utilisateur clique sur un lien.
L'attribut download est utilisé dans les balises a (ancre). Vous pouvez spécifier le nom du fichier téléchargé et indiquer au navigateur que la ressource cible doit être téléchargée au lieu d'y accéder.

<a href="document.pdf" download="document.pdf">Download PDF</a>

9. Affiche

L'attribut poster est utilisé dans l'élément vidéo pour afficher une image jusqu'à ce que l'utilisateur lise la vidéo.

<video controls poster="image.png" width="500">
    <source src="video.mp4" type="video/mp4" />
</video>

10. Srcset

L'attribut srcset en HTML est un outil puissant utilisé avec le

C'est tout pour aujourd'hui.

Merci d'avoir lu.

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!