Maison interface Web Tutoriel H5 Nouveaux attributs en HTML5 : introduction à cinq attributs globaux

Nouveaux attributs en HTML5 : introduction à cinq attributs globaux

Jul 27, 2018 pm 03:30 PM

En HTML5, il existe un nouvel attribut introuvable en HTML : l'attribut global. Comme leur nom l'indique, les attributs globaux font référence à des attributs qui peuvent être utilisés par n'importe quel élément. Dans l'article suivant, nous présenterons cinq attributs globaux couramment utilisés.

propriété contentEditable

contentEditable est développée par Microsoft. Une propriété globale décompilée et utilisée par d'autres navigateurs. Sa fonction principale est de permettre à l'utilisateur de modifier le contenu de l'élément. L'élément en cours de modification doit être l'élément qui a le focus de la souris, et un curseur doit être fourni après avoir cliqué pour indiquer à l'utilisateur que le contenu de l'élément est autorisé. à éditer. La propriété contentEditable est une propriété booléenne qui peut être spécifiée comme vraie ou fausse. Cet attribut a également un état hérité d'un attribut masqué. Lorsqu'il est vrai, il permet aux utilisateurs de le modifier ; lorsqu'il est faux, l'élément ne peut pas être modifié par l'utilisateur lorsqu'il n'est pas spécifié, il est déterminé par l'héritage. state Si l’élément parent est modifiable, l’élément est également modifiable. Les éléments d'attribut contentEditable pris en charge incluent A, DD, DIR, DIV, BUTTON, FORM, DL, DT, FONT, DFN, hn, CODE, ABBR, etc.

Nouveaux attributs en HTML5 : introduction à cinq attributs globaux

Attribut designMode

La fonction principale de l'attribut designMode est de spécifier si la page entière est modifiable lorsque la page est modifiable. modifiable, tout support dans la page Elements avec l'attribut contentEditable devient modifiable. L'attribut designMode a deux valeurs "on" et "off". Lorsque l'attribut est "on", la page est modifiable ; lorsque l'attribut est "off", la page n'est pas modifiable. Cependant, la prise en charge de chaque navigateur est différente. IE8 ne prend pas en charge l'attribut designMode, IE9 prend en charge l'attribut designMode, les navigateurs Fixfox et Opera prennent en charge l'attribut designMode et les navigateurs Chrom et Safari prennent en charge l'attribut designMode dans les cadres intégrés.

attribut caché

Tous les éléments en HTML5 sont autorisés à utiliser l'attribut caché. Il est similaire à l'attribut caché dans l'élément d'entrée, rendant l'élément invisible. Lorsque l'attribut caché est défini sur true, l'élément est invisible ; lorsque l'attribut caché est défini sur false, l'élément est visible.

Attribut de vérification orthographique

L'attribut de vérification orthographique est principalement un nouvel attribut fourni pour les deux zones de saisie de texte, l'élément de saisie et la zone de texte. Sa fonction est d'épeler et d'épeler la saisie. contenu. Il a une particularité, c'est-à-dire que la valeur de l'attribut doit être déclarée vraie ou fausse. Si l'élément a un attribut en lecture seule ou si l'attribut désactivé est vrai, aucune vérification orthographique n'est effectuée. Les navigateurs tels que Firfox, IE, Chrome et Safari prennent tous en charge cet attribut.

attribut tabindex

Tabindex dans le concept de développement de programme fait référence à l'appui continu sur la touche Tab pour se concentrer sur les contrôles de la fenêtre ou de la page et parcourir les contrôles dans la fenêtre. Le tabindex de chaque contrôle indique celui auquel on accède. Cet attribut était utile lors de l'édition de pages Web auparavant, mais désormais, l'ordre de parcours est déterminé en fonction de la position de l'élément, il n'est donc plus nécessaire. Cependant, tabindex a une fonction. Seuls les éléments de lien et les éléments de formulaire peuvent obtenir le focus via les frappes au clavier. Si vous utilisez l'attribut tabindex sur un élément, l'élément peut également obtenir le focus. Lorsque l'instruction focus() est exécutée, l'élément peut également obtenir le focus. Mais il y aura un problème. L'élément obtiendra le focus via l'onglet, et pour le moment, nous ne voulons pas que l'élément obtienne le focus. Ce n'est pas le résultat que nous souhaitons.

Ce problème peut être résolu en définissant la valeur tabindex de l'élément sur un nombre négatif. Lorsque le tabindex est une valeur négative, l'élément peut être focalisé par programme, mais l'élément ne sera pas focalisé lorsque la touche Tab est enfoncée. Ceci est très utile dans les pages complexes. L'utilisation intelligente de cet attribut en HTML5 joue un grand rôle.

Recommandations associées :

Nouveaux attributs HTML5

Un bref aperçu des attributs nouveaux et supprimés de html5_html5 Conseils du didacticiel

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser les balises META de la fenêtre pour contrôler la mise à l'échelle des pages sur les appareils mobiles? Comment utiliser les balises META de la fenêtre pour contrôler la mise à l'échelle des pages sur les appareils mobiles? Mar 13, 2025 pm 08:00 PM

L'article discute de l'utilisation de balises Meta pour contrôler la mise à l'échelle des pages sur les appareils mobiles, en se concentrant sur des paramètres tels que la largeur et l'échelle initiale pour une réactivité et des performances optimales. COMMANDE: 159

Comment exécuter le projet H5 Comment exécuter le projet H5 Apr 06, 2025 pm 12:21 PM

L'exécution du projet H5 nécessite les étapes suivantes: Installation des outils nécessaires tels que le serveur Web, Node.js, les outils de développement, etc. Créez un environnement de développement, créez des dossiers de projet, initialisez les projets et écrivez du code. Démarrez le serveur de développement et exécutez la commande à l'aide de la ligne de commande. Aperçu du projet dans votre navigateur et entrez l'URL du serveur de développement. Publier des projets, optimiser le code, déployer des projets et configurer la configuration du serveur Web.

Comment gérer la confidentialité de l'emplacement de l'utilisateur et les autorisations avec l'API Geolocation? Comment gérer la confidentialité de l'emplacement de l'utilisateur et les autorisations avec l'API Geolocation? Mar 18, 2025 pm 02:16 PM

L'article traite de la gestion de la confidentialité de l'emplacement des utilisateurs et des autorisations à l'aide de l'API Geolocation, mettant l'accent sur les meilleures pratiques pour demander des autorisations, assurer la sécurité des données et se conformer aux lois sur la confidentialité.

Comment utiliser l'API de visibilité de la page HTML5 pour détecter quand une page est visible? Comment utiliser l'API de visibilité de la page HTML5 pour détecter quand une page est visible? Mar 13, 2025 pm 07:51 PM

L'article discute de l'utilisation de l'API de visibilité de la page HTML5 pour détecter la visibilité de la page, améliorer l'expérience utilisateur et optimiser l'utilisation des ressources. Les aspects clés comprennent la pause des supports, la réduction de la charge du processeur et la gestion de l'analyse en fonction des changements de visibilité.

Comment utiliser l'API HTML5 glisser-déposer pour les interfaces utilisateur interactives? Comment utiliser l'API HTML5 glisser-déposer pour les interfaces utilisateur interactives? Mar 18, 2025 pm 02:17 PM

L'article explique comment utiliser l'API HTML5 Drag and Drop pour créer des interfaces utilisateur interactives, détaillant les étapes pour rendre les éléments dragables, gérer les événements clés et améliorer l'expérience utilisateur avec des commentaires personnalisés. Il discute également des pièges communs à un

La production de pages H5 nécessite-t-elle une maintenance continue? La production de pages H5 nécessite-t-elle une maintenance continue? Apr 05, 2025 pm 11:27 PM

La page H5 doit être maintenue en continu, en raison de facteurs tels que les vulnérabilités du code, la compatibilité des navigateurs, l'optimisation des performances, les mises à jour de sécurité et les améliorations de l'expérience utilisateur. Des méthodes de maintenance efficaces comprennent l'établissement d'un système de test complet, à l'aide d'outils de contrôle de version, de surveiller régulièrement les performances de la page, de collecter les commentaires des utilisateurs et de formuler des plans de maintenance.

Comment utiliser l'API HTML5 WebSockets pour la communication bidirectionnelle entre le client et le serveur? Comment utiliser l'API HTML5 WebSockets pour la communication bidirectionnelle entre le client et le serveur? Mar 12, 2025 pm 03:20 PM

Cet article explique l'API HTML5 WebSockets pour la communication client-serveur bidirectionnelle en temps réel. Il détaille les implémentations côté client (JavaScript) et côté serveur (Python / Flask), résolvant des défis tels que l'évolutivité, la gestion de l'état, un

Comment faire l'icône H5 Click Comment faire l'icône H5 Click Apr 06, 2025 pm 12:15 PM

Les étapes pour créer une icône H5 Click comprennent: la préparation d'une image source carrée dans le logiciel d'édition d'image. Ajoutez l'interactivité dans l'éditeur H5 et définissez l'événement Click. Créez un hotspot qui couvre l'icône entière. Définissez l'action des événements de clic, tels que le saut sur la page ou le déclenchement de l'animation. Exporter H5 documents sous forme de fichiers HTML, CSS et JavaScript. Déployez les fichiers exportés vers un site Web ou une autre plate-forme.

See all articles