Maison  >  Article  >  interface Web  >  HTML5 est-il la cinquième révision ?

HTML5 est-il la cinquième révision ?

青灯夜游
青灯夜游original
2022-01-18 10:34:171385parcourir

html5 est la cinquième modification. HTML5 est la cinquième révision du standard HTML. Son objectif principal est de sémantiser Internet afin qu'il puisse être mieux lu par les humains et les machines, tout en offrant une meilleure prise en charge de l'intégration de divers médias. rétrocompatible.

HTML5 est-il la cinquième révision ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

HTML5

HTML5 est la cinquième révision du standard HTML. Son objectif principal est de sémantiser Internet afin qu'il soit mieux lisible par les humains et les machines, tout en offrant un meilleur support pour l'intégration de divers médias. La syntaxe HTML5 est rétrocompatible. H5, qui est désormais communément appelé en Chine, inclut CSS3 et JavaScript (à proprement parler, il n'est pas approprié de l'appeler ainsi, mais il est déjà faux de l'appeler ainsi).

HTML5 est la dernière version révisée de HTML. La norme a été complétée par le World Wide Web Consortium (W3C) en octobre 2014.

HTML5 est conçu pour prendre en charge le multimédia sur les appareils mobiles.

Quelques nouveautés intéressantes en HTML5 :

  • L'élément canevas pour la peinture.

  • Éléments vidéo et audio pour la lecture multimédia

  • Meilleure prise en charge du stockage local hors ligne.

  • Nouveaux éléments de contenu spéciaux, tels que l'article, le pied de page, l'en-tête, la navigation, la section.

  • Nouveaux contrôles de formulaire, tels que le calendrier, la date, l'heure, l'e-mail, l'URL, la recherche.

Améliorations HTML5

  • Nouveaux éléments

  • Nouveaux attributs

  • Prise en charge complète de CSS3

  • Vidéo et audio

  • Dessin 2D/3D

  • Stockage local

  • Données SQL locales

  • Application Web

Nouveaux éléments et attributs

1. Balises sémantiques

Les balises sémantiques rendent le contenu de la page structuré et clair par nom

.
Balise Description
23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5 Définit la zone d'en-tête du document
c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010 Définit la queue du document Head zone
c787b9a589a3ece771e842a6176cf8e96d44c694b48de7aaca658bb5203338597618f95bdc39e398f223d37049478af1 Définir une zone de contenu indépendante de la page
15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826 Définir la contenu de la barre latérale de la page
beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04 Utilisé pour décrire les détails d'un document ou d'une partie de document
631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044 Le La balise contient le titre de l'élément de détails
a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609 Boîtes de dialogue de définition, telles que les boîtes de dialogue d'invite

2. Formulaires améliorés

 HTML5 propose plusieurs nouveaux types de saisie de formulaire. Ces nouvelles fonctionnalités offrent un meilleur contrôle et une meilleure validation des entrées.

DateTime-Local Adresse e-mail Sélectionnez un mois Champ de saisie pour les valeurs numériquesChamp de saisie pour les valeurs numériques dans une certaine plagepour la recherche de domaine Définir le champ de saisie du numéro de téléphone Sélectionner une heure Champ de saisie pour l'adresse URL Sélectionnez la semaine et l'année

Type d'entrée

Description

couleur

Principalement utilisé pour sélectionner une couleur

date

Sélectionner une date parmi une sélection de date euh

datetime

Sélectionnez une date (heure UTC)

Sélectionnez une date et une heure (Timetable)

mois

numéro

plage

recherche

tél

heure

url

semaine

html5 ajoute également les éléments de forme suivants

élément de forme

Description
& lt; datalist & gt;

USE & lt L'attribut de liste de l'entrée & gt; fc86e7b705049fc9d4fccc89a2e80ee3 élément

aa983b9eb8086376f1f6481364a02e5a
Fournit un moyen fiable d'authentifier l'utilisateur

La balise spécifie la paire de clés utilisée pour le champ du générateur de formulaire.

be6d67dae90cc1ad6469079e163d0939
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

  • attribut pattern, qui décrit une expression régulière utilisée pour vérifier la valeur de l'élément d5fd7aea971a85678ba271703566ebfd

  • 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 height et width, utilisés pour la hauteur et la largeur de l'image de la balise d5fd7aea971a85678ba271703566ebfd

  • 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 d5fd7aea971a85678ba271703566ebfd ​​

HTML5 Multimédia

En utilisant HTML5, vous pouvez simplement lire de la vidéo et de l'audio dans des pages Web.

  • HTML5 fournit une norme pour la lecture de fichiers audio, utilisant l'attribut de contrôle de l'élément b97864c2e0ef2353a16c4d64c7734e92 pour ajouter des commandes de lecture, de pause et de volume.

     Entre b97864c2e0ef2353a16c4d64c7734e92 et 81d2bc32cafa2076a27f10cdd878d0ab, vous devez insérer le texte d'invite de l'élément b97864c2e0ef2353a16c4d64c7734e92
 L'élément b97864c2e0ef2353a16c4d64c7734e92 permet l'utilisation de plusieurs éléments e02da388656c3265154666b7c71a8ddc L'élément e02da388656c3265154666b7c71a8ddc L'élément prend en charge trois fichiers au format audio : MP3, Wav et Ogg

HTML5 spécifie une manière standard d'inclure la vidéo via l'élément vidéo.

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>
  • control fournit des commandes de lecture, de pause et de volume pour contrôler la vidéo. Vous pouvez également utiliser les opérations DOM pour contrôler la lecture et la pause de la vidéo, telles que les méthodes play() et pause().

    Dans le même temps, l'élément vidéo fournit également des attributs de largeur et de hauteur pour contrôler la taille de la vidéo. Si la hauteur et la largeur sont définies, l'espace vidéo requis sera réservé lors du chargement de la page. Si ces propriétés ne sont pas définies et que le navigateur ne connaît pas la taille de la vidéo, le navigateur ne pourra pas réserver un espace spécifique lors du chargement et la page changera en fonction de la taille de la vidéo originale. Le contenu inséré entre les balises

    et est prévu pour être affiché par les navigateurs qui ne prennent pas en charge l'élément vidéo.
L'élément vidéo prend en charge plusieurs éléments sources. Les éléments peuvent lier différents fichiers vidéo. Le navigateur utilisera le premier format reconnu (MP4, WebM et Ogg)

Recommandations associées : "

Tutoriel vidéo HTML

"

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:
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
Article précédent:Que signifie l'API en HTML5Article suivant:Que signifie l'API en HTML5