


Un 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 |

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

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 !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

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.

La production de pages H5 fait référence à la création de pages Web compatibles compatibles multiplateformes à l'aide de technologies telles que HTML5, CSS3 et JavaScript. Son cœur réside dans le code d'analyse du navigateur, la structure de rendu, le style et les fonctions interactives. Les technologies courantes incluent les effets d'animation, la conception réactive et l'interaction des données. Pour éviter les erreurs, les développeurs doivent être débogués; L'optimisation des performances et les meilleures pratiques incluent l'optimisation du format d'image, la réduction des demandes et les spécifications du code, etc. pour améliorer la vitesse de chargement et la qualité du code.

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.

H5Referstohtml5, apivotaltechnologyInwebdevelopment.1) html5introducesnewelementsandapisforrich, dynamicwebapplications.2) itsupp OrtsMultimeDiaHithoutPlugins, améliorant la réception detièmeaCrOsDevices.3) SemantelelementsImproveContentsTructureAndSeo.4) H5'sRespo

H5 n'est pas un langage de programmation autonome, mais une collection de HTML5, CSS3 et JavaScript pour la création d'applications Web modernes. 1. HTML5 définit la structure et le contenu de la page Web et fournit de nouvelles balises et API. 2. CSS3 contrôle le style et la mise en page, et introduit de nouvelles fonctionnalités telles que l'animation. 3. JavaScript implémente l'interaction dynamique et améliore les fonctions par les opérations DOM et les demandes asynchrones.

Oui, la production de pages H5 est une méthode de mise en œuvre importante pour le développement frontal, impliquant des technologies de base telles que HTML, CSS et JavaScript. Les développeurs construisent des pages H5 dynamiques et puissantes en combinant intelligemment ces technologies, telles que l'utilisation du & lt; Canvas & gt; Tag pour dessiner des graphiques ou utiliser JavaScript pour contrôler le comportement d'interaction.

H5 (HTML5) convient aux applications légères, telles que les pages de campagne de marketing, les pages d'affichage des produits et les micro-Websites de promotion d'entreprise. Ses avantages résident dans la plateformité multi-plateaux et une riche interactivité, mais ses limites résident dans des interactions et des animations complexes, un accès aux ressources locales et des capacités hors ligne.

H5 ÉTAPES DE CRÉATION DE LA FINES POP-UP: 1. Déterminez la méthode de déclenchement (cliquez, temps, sortie, défilement); 2. Conception du contenu (titre, texte, bouton d'action); 3. Set Style (taille, couleur, police, arrière-plan); 4. Implémentation du code (HTML, CSS, JavaScript); 5. Tester et déploiement.
