Maison > interface Web > tutoriel HTML > Quelles sont les nouvelles fonctionnalités de html5

Quelles sont les nouvelles fonctionnalités de html5

angryTom
Libérer: 2020-02-27 18:00:17
original
14809 Les gens l'ont consulté

Quelles sont les nouvelles fonctionnalités de html5

Quelles sont les nouvelles fonctionnalités de html5 ? Les balises qui reflètent la sémantique structurelle, telles que :

<div id="header"></div>  //表头的声明
Copier après la connexion

HTML5 fournit des balises sémantiques, telles que :

<header><article><footer><nav><aside><section>等
Copier après la connexion
2. Formulaires améliorés

Plusieurs nouveaux types de saisie de formulaire, tels que :

couleur, URL, date, etc.

Ces nouvelles fonctionnalités offrent un meilleur contrôle et une meilleure validation des entrées.

De nouveaux éléments de formulaire, tels que :

, sont utilisés pour différents types de sortie, tels que des calculs ou des scripts.

Nouveaux attributs de formulaire, tels que :

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éfinissent 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 de la balise

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. Ajouter des balises vidéo

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
Copier après la connexion

4.

5.Dessin SVG

6. Géolocalisation

7. API glisser-déposer

8.Web Worker

9.Stockage Web

10.WebSocket

Plus

Tutoriel de base HTML

, veuillez visiter le site Web PHP chinois !       

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal