Quelles sont les nouvelles fonctionnalités de html5
青灯夜游
Libérer: 2023-01-28 18:15:30
original
10779 Les gens l'ont consulté
Les nouvelles fonctionnalités de HTML5 sont : 1. Les balises sémantiques (hrader, footer, etc.), qui rendent le contenu de la page structuré et visible ; 2. Les formulaires améliorés, avec plusieurs nouveaux types de saisie de formulaire, peuvent fournir un meilleur contrôle de saisie. et validation ; 3. éléments vidéo et audio, fournissant des méthodes standard pour la lecture de fichiers vidéo et audio ; 4. dessin sur toile ; 6. géolocalisation ; 8. API de glisser-déposer ; , etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Top dix des nouvelles fonctionnalités de HTML5
Afin de mieux gérer les applications Internet actuelles, HTML5 ajoute de nombreux nouveaux éléments et fonctions, tels que : le dessin graphique, le contenu multimédia, une meilleure structure de page, un meilleur traitement des formulaires et plusieurs API pour glisser-déposer des éléments, le positionnement, y compris la mise en cache des applications Web, le stockage, les travailleurs de réseau, etc.
(1) Balises sémantiques
Les balises sémantiques rendent le contenu de la page structuré, Connaître le nom
Balise
Description
définit la zone d'en-tête du document
définit la zone de queue du document
définit la navigation du document
définit la section du document (section, section)
définit la zone de contenu indépendant de la page
définit le contenu de la barre latérale de la page
Définir les boîtes de dialogue, telles que les boîtes d'invite
(2) Formulaire amélioré
HTML5 propose plusieurs nouveaux types d'entrée de formulaire. Ces nouvelles fonctionnalités offrent un meilleur contrôle et une meilleure validation des entrées.
Type d'entrée
Description
couleur
Principalement utilisé pour sélectionner une couleur
date
Sélectionner une date à partir d'un sélecteur de date Date
datetime Sélectionnez une date (heure UTC)
DateTime-Local
Sélectionnez une date et une heure (Timetable)
Adresse e-mail
month
Sélectionnez un mois
numéro
Champ de saisie pour les valeurs numériques
plage
Champ de saisie pour les valeurs numériques dans une certaine plage
recherche
pour le champ de recherche
tél
Définir le champ de saisie du numéro de téléphone
heure
Sélectionner une heure
url
Champ de saisie pour l'adresse URL
semaine
Sélectionnez la semaine et l'année
HTML5 ajoute également les éléments de formulaire suivants
Élément de formulaireDescription
élément d'entrée spécifié Liste des options pour les domaines
à utiliser L'attribut list du < ;input> est lié à l'identifiant de l'élément
Fournit un moyen fiable d'authentifier l'utilisateur
La balise spécifie la clé utilisée pour le formulaire le champ générateur.
est utilisé pour différents types de sortie
telles que la sortie de calcul ou de script
Nouvel attribut de formulaire HTML5
attribut placehoder, une courte invite sera affichée sur le champ de saisie avant que l'utilisateur ne saisisse la valeur. Autrement dit, notre invite par défaut commune de la zone de saisie disparaît après les entrées de l'utilisateur.
l'attribut obligatoire est un attribut booléen. Le champ de saisie à remplir ne peut pas être vide. L'attribut pattern décrit une expression régulière utilisée pour vérifier la valeur de l'élément
Attributs min et max, définissez la valeur minimale et maximale de l'élément. L'attribut
step spécifie l'intervalle de nombre légal pour le champ de saisie.
attributs de hauteur et de largeur, utilisés pour la hauteur et la largeur de l'image des balises
L'attribut autofocus est un attribut booléen. Spécifie que le champ obtient automatiquement le focus lors du chargement de la page.
l'attribut multiple est un attribut booléen. Spécifie que plusieurs valeurs peuvent être sélectionnées dans l'élément
(3) Vidéo et audio
HTML5 fournit une norme pour la lecture de fichiers audio, c'est-à-dire en utilisant l'élément
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!
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