recherche
Maisoninterface WebTutoriel H5Un bref aperçu des attributs nouveaux et supprimés des compétences du didacticiel html5_html5

En HTML5, alors que de nombreux nouveaux éléments sont ajoutés et supprimés, de nombreux attributs sont également ajoutés et supprimés.

Nouveaux attributs

1. Attributs liés au formulaire

Spécifiez l'attribut de mise au point automatique pour l'entrée (type = texte), la sélection, la zone de texte et le bouton. Il permet à l'élément d'obtenir automatiquement le focus lorsque l'écran est ouvert en spécifiant des attributs. Spécifiez l'attribut d'espace réservé pour l'entrée (type = texte) et la zone de texte, qui invitera l'utilisateur à saisir et quel contenu l'utilisateur peut saisir. Spécifiez les attributs du formulaire pour l'entrée, la sortie, la sélection, la zone de texte, le bouton et l'ensemble de champs. Il déclare à quel formulaire il appartient puis le place n'importe où sur la page sans perdre de vue le formulaire. Spécifiez l'attribut requis pour l'entrée (type=text) et la zone de texte. Cet attribut indique que l'utilisateur vérifiera lors de la soumission et vérifiera qu'il doit y avoir du contenu d'entrée dans l'élément. Ajoutez plusieurs nouveaux attributs à la balise d'entrée : saisie semi-automatique, min, max, multiple, pattern et step. Il existe également un attribut list utilisé conjointement avec l'élément datalist ; l'élément datalist est utilisé conjointement avec l'attribut autocomplete. L'attribut multiple permet de télécharger plusieurs fichiers en même temps pendant le téléchargement ; l'attribut pattern est utilisé pour vérifier le modèle du champ de saisie, qui est en fait une expression régulière. L'attribut step spécifie l'intervalle de nombre légal du champ de saisie (si step="3", les nombres légaux doivent être -3, 0, 3, 6, etc. L'attribut step peut être utilisé conjointement avec le max). et les attributs min pour créer une plage de valeurs légale. Ajoutez les attributs formaction, formenctype, formmethod, formnovalidate et formtarget aux éléments input et bouton. L'utilisateur remplace les attributs action, enctype, method, novalidate et target de l'élément de formulaire. Ajoutez l'attribut Disabled à l'élément Fieldset pour définir ses éléments enfants sur l'état désactivé. L'ajout de l'attribut novalidate à l'entrée, au bouton et au formulaire peut annuler les vérifications pertinentes effectuées lors de la soumission et le formulaire peut être soumis sans condition.

2. Attributs liés au lien

Ajoutez des attributs multimédias à une zone et. Spécifie le type de média/périphérique pour lequel l'URL cible est optimisée. Cet attribut est utilisé pour spécifier que l'URL cible est conçue pour un appareil particulier (tel qu'un iPhone), un support vocal ou imprimé. Cette propriété peut accepter plusieurs valeurs. Ne peut être utilisé que lorsque l'attribut href est présent. Ajoutez les attributs herflang et rel à la zone. L'attribut hreflang spécifie la langue du texte dans le document lié. Cet attribut ne peut être utilisé que lorsque l'attribut href est défini. Remarque : Cette propriété est purement consultative. L'attribut rel spécifie la relation entre le document actuel et le document/ressource lié. L'attribut rel ne peut être utilisé qu'avec l'attribut href. Ajoutez l'attribut de taille au lien. L'attribut size spécifie la taille de la ressource liée. Cet attribut ne peut être utilisé que lorsque la ressource liée est une icône (rel="icon"). Cette propriété peut accepter plusieurs valeurs. Les valeurs sont séparées par des espaces. L'ajout de l'attribut target à l'élément de base vise principalement à maintenir la cohérence avec l'élément a.

3. Autres attributs

Ajoutez l'attribut inversé à ol, qui spécifie que la liste est affichée dans l'ordre inverse. Ajoutez l'attribut charset à la méta et ajoutez les attributs type et label au menu. label définit une étiquette de didacticiel pour le menu et l'attribut type lui permet d'apparaître sous trois formes : menu contextuel, barre d'outils et liste. Ajoutez un attribut de portée au style. Cela nous permet de définir des styles pour des parties spécifiées du document au lieu du document entier. Si l'attribut "scoped" est utilisé, le style spécifié ne peut être appliqué qu'à l'élément parent de l'élément de style et à ses enfants. Ajoutez ou soustrayez des attributs pour le script, qui définissent si le script est exécuté de manière asynchrone. L'attribut async ne fonctionne qu'avec des scripts externes (uniquement en utilisant l'attribut src). Il existe plusieurs manières d'exécuter des scripts externes : Si async="async" : le script s'exécute de manière asynchrone par rapport au reste de la page (pendant que la page continue). l'analyse, le script sera exécuté) Si async n'est pas utilisé et defer="defer" : le script sera exécuté lorsque la page aura fini l'analyse. Si ni async ni defer ne sont utilisés : le script est lu et exécuté immédiatement avant le navigateur. continue d'analyser la page en tant qu'élément HTML, qui est utilisé conjointement avec l'API lors du développement d'applications Web hors ligne pour définir une URL et décrire les informations de cache du document sur cette URL. Ajoutez des attributs à iframe, sandbox, seamless, srcdoc. Utilisé pour améliorer la sécurité des pages et empêcher les pages Web non fiables d'effectuer certaines opérations.

Attributs abolis

Certains attributs en HTML4 ne sont plus utilisés en HTML5, mais sont remplacés par d'autres attributs ou d'autres méthodes.

Attributs utilisés dans HTML 4 Éléments utilisant cet attribut Alternatives en HTML 5
rév lien, un rel
jeu de caractères lien, un Utilisez l'élément d'en-tête HTTP Content-type dans la ressource liée
forme, coordonnées un Utiliser un élément de zone au lieu d'un élément
desclong img, iframe Utilisez l'élément a pour créer un lien vers la description principale
cible lien Attributs redondants, omis
nohref zone Attributs redondants, omis
profil tête Attributs redondants, omis
version html Attributs redondants, omis
nom img identifiant
schéma méta Utiliser le schéma uniquement pour certains champs de formulaire
archive, chlassid, codebose, codetype, déclarer, veille objet Utilisez les classes d'attributs data et typc pour appeler le plug-in. Lorsque vous devez utiliser ces attributs pour définir des paramètres, utilisez l'attribut param
typevaleur, tapez paramètre Utilisez les attributs name et value, ne déclarez pas le type MIME
axe, abbr td、th Utilisez un format qui commence par un texte clair et concis, suivi d'un texte détaillé.Vous pouvez utiliser l'attribut title pour un contenu plus détaillé afin de raccourcir le contenu de la cellule
portée td Utilisez l'élément d'en-tête HTTP Content-type dans la ressource liée
aligner légende, entrée, légende, div, h1, h2, h3, h4, h5, h6, p Utilisez plutôt la feuille de style CSS
alink, lien, texte, vlink, arrière-plan, bgcolor corps Utilisez plutôt la feuille de style CSS
align, bgcolor, border, cellpadding, cellpacing, frame, Rules, width tableau Utilisez plutôt la feuille de style CSS
align, char, charoff, hauteur, nowrap, valign tbody, thehead, tfoot Utilisez plutôt la feuille de style CSS
align, bgcolor, char, charoff, height, nowrap, valign, width td、th Utilisez plutôt la feuille de style CSS
align, bgcolor, char, charoff, valign tr Utilisez plutôt la feuille de style CSS
align, char, charoff, valign, width col, colgroupe Utilisez plutôt la feuille de style CSS
aligner, bordure, hspace, vspace objet Utilisez plutôt la feuille de style CSS
effacer br Utilisez plutôt la feuille de style CSS
compace, tapez ol, ul, li Utilisez plutôt la feuille de style CSS
compace dl Utilisez plutôt la feuille de style CSS
compace menu Utilisez plutôt la feuille de style CSS
largeur pré Utilisez plutôt la feuille de style CSS
aligner, hspace, vspace img Utilisez plutôt la feuille de style CSS
aligner, noshade, taille, largeur heure Utilisez plutôt la feuille de style CSS
align, frameborder, scrolling, marginheight, marginwidth iframe Utilisez plutôt la feuille de style CSS
soumission automatique menu
Déclaration
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
H5: nouvelles fonctionnalités et capacités pour le développement WebH5: nouvelles fonctionnalités et capacités pour le développement WebApr 29, 2025 am 12:07 AM

H5 apporte un certain nombre de nouvelles fonctions et capacités, améliorant considérablement l'efficacité d'interactivité et de développement des pages Web. 1. Tags sémantiques tels que améliorer le référencement. 2. La prise en charge multimédia simplifie le pavée audio et vidéo et les balises. 3. Le dessin Canvas fournit des outils de dessin graphiques dynamiques. 4. Le stockage local simplifie le stockage des données via LocalStorage et SessionStorage. 5. L'API de géolocalisation facilite le développement de services basés sur la localisation.

H5: Améliorations clés de HTML5H5: Améliorations clés de HTML5Apr 28, 2025 am 12:26 AM

HTML5 apporte cinq améliorations clés: 1. Les balises sémantiques améliorent la clarté du code et les effets SEO; 2. Prise en charge multimédia simplifie la vidéo et la formation audio; 3. L'amélioration du formulaire simplifie la vérification; 4. Le stockage hors ligne et local améliore l'expérience utilisateur; 5. Canvas et fonctions graphiques améliorent la visualisation des pages Web.

HTML5: la norme et son impact sur le développement WebHTML5: la norme et son impact sur le développement WebApr 27, 2025 am 12:12 AM

Les caractéristiques principales de HTML5 incluent des balises sémantiques, une prise en charge multimédia, un stockage hors ligne et un stockage local et une amélioration de la forme. 1. Tags sémantiques tels que, etc. pour améliorer la lisibilité du code et l'effet SEO. 2. Simplifiez l'intégration multimédia avec des étiquettes. 3. Stockage hors ligne et stockage local tels que ApplicationCache et LocalStorage Prise en charge l'opération sans réseau et le stockage de données. 4. L'amélioration du formulaire introduit de nouveaux types d'entrée et des propriétés de vérification pour simplifier le traitement et la vérification.

Exemples de code H5: applications pratiques et tutorielsExemples de code H5: applications pratiques et tutorielsApr 25, 2025 am 12:10 AM

H5 offre une variété de nouvelles fonctionnalités et fonctions, améliorant considérablement les capacités du développement frontal. 1. Prise en charge multimédia: intégration des médias et éléments, aucun plug-ins n'est requis. 2. Canvas: utilisez des éléments pour rendre dynamiquement les graphiques et les animations 2D. 3. Stockage local: implémentez le stockage de données persistant via LocalStorage et SessionStorage pour améliorer l'expérience utilisateur.

Le lien entre H5 et HTML5: similitudes et différencesLe lien entre H5 et HTML5: similitudes et différencesApr 24, 2025 am 12:01 AM

H5 et HTML5 sont des concepts différents: HTML5 est une version de HTML, contenant de nouveaux éléments et API; H5 est un cadre de développement d'applications mobiles basé sur HTML5. HTML5 analyse et rend le code via le navigateur, tandis que les applications H5 doivent exécuter des conteneurs et interagir avec le code natif via JavaScript.

Les éléments constitutifs du code H5: éléments clés et leur objectifLes éléments constitutifs du code H5: éléments clés et leur objectifApr 23, 2025 am 12:09 AM

Les éléments clés de HTML5 comprennent ,,,,,,, etc., qui sont utilisés pour créer des pages Web modernes. 1. Définissez le contenu de la tête, 2. Utilisé pour naviguer dans le lien, 3. Représenter le contenu d'articles indépendants, 4. Organisez le contenu de la page, 5. Afficher le contenu de la barre latérale, 6. Définir le pied de page, ces éléments améliorent la structure et la fonctionnalité de la page Web.

HTML5 et H5: comprendre l'usage communHTML5 et H5: comprendre l'usage communApr 22, 2025 am 12:01 AM

Il n'y a pas de différence entre HTML5 et H5, qui est l'abréviation de HTML5. 1.HTML5 est la cinquième version de HTML, qui améliore les fonctions multimédias et interactives des pages Web. 2.H5 est souvent utilisé pour faire référence à des pages Web ou des applications mobiles basées sur HTML5, et convient à divers appareils mobiles.

HTML5: Les éléments constitutifs du Web moderne (H5)HTML5: Les éléments constitutifs du Web moderne (H5)Apr 21, 2025 am 12:05 AM

HTML5 est la dernière version du langage de balisage hypertexte, standardisé par W3C. HTML5 introduit de nouvelles balises sémantiques, la prise en charge multimédia et les améliorations de formulaire, l'amélioration de la structure Web, de l'expérience utilisateur et des effets de référencement. HTML5 présente de nouvelles balises sémantiques, telles que,, etc., pour rendre la structure de la page Web plus claire et l'effet SEO mieux. HTML5 prend en charge les éléments multimédias et aucun plug-ins tiers n'est requis, améliorant l'expérience utilisateur et la vitesse de chargement. HTML5 améliore les fonctions de formulaire et introduit de nouveaux types d'entrée tels que, etc., ce qui améliore l'expérience utilisateur et l'efficacité de vérification du formulaire.

See all articles

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

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel