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.
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 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.
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) |
|
DateTime-Local
Sélectionnez une date et une heure (Timetable) |
|
Adresse e-mail | mois |
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 la recherche de domaine
|
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 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.
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