Quels sont les attributs des éléments HTML ?

Les attributs des éléments HTML incluent : accesskey, class, contenteditable, contextmenu, "data-*", dir, draggable, dropzone, caché, id, lang, vérification orthographique, style, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Que sont les attributs ?

Les attributs peuvent fournir des informations supplémentaires pour les balises HTML ou modifier les balises HTML. Les attributs doivent être ajoutés dans la balise de début et le format de syntaxe est le suivant :

attr="value"

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 " ".

Notez que 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 des guillemets doubles autant que possible.

Une balise peut n'avoir aucun attribut, ou elle peut avoir un ou plusieurs attributs.

Il existe de nombreux attributs HTML, qui peuvent être grossièrement divisés en deux catégories :

• Certains attributs s'appliquent à la plupart ou à la totalité des balises HTML, nous appelons ces attributs des attributs universels

• Certains attributs ne s'appliquent qu'à une ou plusieurs ; quelques Une balise HTML spécifique, nous appelons ces attributs attributs privés.

Propriétés génériques (propriétés globales)

Propriété	Description
accesskey	Définit le raccourci clavier pour accéder à un élément.
class	Spécifie le nom de classe de l'élément
contenteditable	Spécifie si le contenu de l'élément peut être modifié.
contextmenu	Spécifie le menu contextuel d'un élément. Lorsque l'utilisateur clique avec le bouton droit sur l'élément, un menu contextuel apparaît
data-*	est utilisé pour stocker des données personnalisées pour la page
dir	afin de définir la direction du texte du contenu dans l'élément.
draggable	Spécifiez si un élément peut être glissé
dropzone	Spécifiez si les données seront copiées, déplacées, liées ou supprimées
hidden	L'attribut caché spécifie que l'élément est caché.
id	Spécifie l'identifiant unique de l'élément
lang	Définissez le code de langue du contenu dans l'élément.
vérification orthographique	Détectez si l'élément est mal orthographié
style	Spécifiez le style en ligne de l'élément
tabindex	Définissez l'ordre de contrôle des touches de tabulation de l'élément.
title	Spécifie des informations supplémentaires sur l'élément (peut être affichée dans les info-bulles)
translate	Spécifie si la valeur d'un élément doit être traduite lors du chargement de la page

Attributs spéciaux

Voici quelques attributs de balises couramment utilisés

charset char_encodingHTML5 n'est pas pris en charge. hrefURLhreflanglanguage_codemediamedia_querynamesection_nameHTML5 n'est pas pris en charge. aide aucun référent prélecture précédent tagHTML5 n'est pas pris en charge. polySpécifie la forme du lien. cible _top spécifie où ouvrir l'URL cible. Utilisé uniquement si l'attribut href est présent. attributs de balise valeur

		Spécifie le codage des caractères de l'URL cible.
coords	coordonnées	HTML5 n'est pas pris en charge. Spécifie les coordonnées du lien.
download	filename	Spécifie le lien de téléchargement
	Spécifie l'URL cible du lien.
	Spécifie la langue de base de l'URL cible. Utilisé uniquement si l'attribut href est présent.
	Spécifie le type de média de l'URL cible. Valeur par défaut : tout. Utilisé uniquement si l'attribut href est présent.
		Spécifie le nom de l'ancre.
rel	alternate auteur marque-page	licence suivant ne pas suivre
recherche	spécifie la relation entre le document actuel et l'URL cible. Utilisé uniquement si l'attribut href est présent. rev text	Spécifie la relation entre l'URL cible et le document actuel.
forme	par défaut rectcircle	HTML5 n'est pas pris en charge.
	_blank _parent _soi	framename
	_blank : Une nouvelle fenêtre s'ouvre. _parent : Ouvrez le lien dans la fenêtre parent. _self : Par défaut, la page actuelle saute. _top : Ouvrez le lien dans le formulaire actuel et remplacez l'intégralité du formulaire actuel (page cadre).	type MIME_type Spécifie le type MIME de l'URL cible. Utilisé uniquement si l'attribut href est présent. Remarque : MIME = Extensions de messagerie Internet polyvalentes.
		attribut

description

accepterMIME_typeHTML5 n'est pas pris en charge. actionURLautocompleteoffenctypeapplication/x-www-form-urlencoded text/plainmethodpostnamenovalidate_blank_self_topSpécifie où ouvrir l'URL de l'action. attributs de balise valeur

		Spécifie le type de fichier reçu par le serveur. (Les fichiers sont soumis via le téléchargement de fichiers)
accept-charset	character_set	Spécifie le jeu de caractères des données de formulaire que le serveur peut gérer.
	Spécifie où envoyer les données du formulaire lorsque le formulaire est soumis.
on	précise s'il faut activer la fonction de saisie semi-automatique du formulaire.
multipart/form-data	précise comment encoder les données du formulaire avant de les envoyer au serveur. (S'applique à method="post")
get	Spécifie la méthode HTTP utilisée pour envoyer les données du formulaire.
text	Spécifie le nom du formulaire.
novalidate	Si cet attribut est utilisé, aucune validation ne sera effectuée lors de la soumission du formulaire.	target
_parent
		attribut

description

manifestURLxmlns

attributs de la balise

	Définissez une URL sur laquelle le document est décrit. Informations de cache.
http://www.w3.org/1999/xhtml	HTML n'est pas pris en charge. Seul XHTML pris en charge. Spécifiez l'attribut d'espace de noms XML (utilisez cet attribut si vous avez besoin que votre contenu soit conforme à XHTML.).

attribut	valeur	description
disabled	disabled	précise que cette option doit être désactivée au premier chargement.
label	text	Définit l'étiquette utilisée lorsque
selected	selected	spécifie que l'option apparaît sélectionnée (lorsqu'elle est affichée pour la première fois dans la liste).
value	text	définit la valeur de l'option envoyée au serveur.

. . . .

Recommandations associées : "Tutoriel vidéo HTML"

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!