1. Nouveau Doctype Bien qu'il soit utilisé , même si le navigateur ne comprend pas cette phrase, il sera rendu selon le mode standard
2. Utilisez et
pour représenter sémantiquement les images sous-titrées C'est une image de quelque chose d'intéressant
3. Redéfini a été redéfini et est maintenant utilisé pour désigner une petite composition, comme le droit d'auteur. déclaration au bas du site Web 4. Supprimez l'attribut type dans les balises de lien et de script 5 Ajouter/sans crochets HTML5 n'a pas d'exigences strictes quant aux attributs. ajouté des citations, fermées ou non, mais il est recommandé d'ajouter des guillemets et des balises de fermeture 6 Pour rendre votre contenu modifiable, ajoutez simplement un attribut contenteditable 7. nous définissons le type d'entrée sur email, et le navigateur vérifiera si l'entrée est de type email. Bien sûr, vous ne pouvez pas vous fier uniquement à la vérification frontale, le back-end doit également avoir une vérification correspondante . 8. Espaces réservés La signification de cet attribut d'entrée est qu'il n'est pas nécessaire d'utiliser javascript pour obtenir l'effet d'espace réservé9. Stockage local En utilisant le stockage local, vous peut stocker en permanence de gros fragments de données sur le client (sauf si vous supprimez activement), actuellement pris en charge par la plupart des navigateurs, vous pouvez vérifier si window.localStorage existe avant de l'utiliser En-tête et pied de page sémantiques 11. Plus de fonctionnalités de formulaire HTML5 12. IE et HTML5 Par défaut, les nouveaux éléments HTML5 sont rendus en ligne, mais vous pouvez utiliser la méthode suivante pour que les restitue dans le bloc en-tête, pied de page , article, section , nav, menu, hgroup { display: block; } Malheureusement, IE ignorera ces styles, vous pouvez le corriger comme ceci : document.createElement("article") ; document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); 🎜>document .createElement("menu"); 13. hgroup est généralement utilisé pour regrouper un groupe de titres dans l'en-tête, comme Page de fans de rappel Uniquement pour les personnes qui veulent le souvenir d'une vie
14. Attribut obligatoire
L'attribut obligatoire définit si une entrée est requise Vous pouvez déclarer ou 15. Comme suit .Attributs de mise au point automatique Tout comme sa signification, il s'agit de se concentrer sur la zone de saisie Support audio HTML5 fournit le . 🎜> tag, vous n'avez plus besoin de suivre des plug-ins tiers pour restituer l'audio. La plupart des navigateurs modernes prennent en charge HTML5 Audio. Cependant, certains traitements de compatibilité sont toujours requis, comme <.> Téléchargez ce fichier. 17. est très similaire à l'audio, prend en charge la vidéo Étant donné que le document HTML5 ne spécifie pas d'encodage spécifique pour la vidéo, le navigateur doit décider quels encodages prendre en charge, ce qui entraîne de nombreuses incohérences. Safari et IE prennent en charge le format d'encodage H.264, Firefox et Opera prennent en charge le format d'encodage Theora et Vorbis. Lorsque vous utilisez une vidéo HTML5, vous devez fournir les deux : Votre navigateur est ancien Téléchargez plutôt cette vidéo. 18. Précharger la vidéo L'attribut de préchargement est aussi simple que sa signification littérale. Vous devez décider si vous devez précharger la vidéo lors du chargement de la page 19. Afficher le contrôle vidéo 20. Expression régulière Grâce à l'attribut pattern, nous pouvons utiliser des expressions régulières. sont utilisés directement dans le balisage
21. Prise en charge des attributs de détection En plus de Modernizr, nous pouvons aussi simplement en détecter via javascript. L'attribut est-il pris en charge, tels que : 22. L'élément de marquage traite l'élément comme un surlignage Lorsque je sélectionne un morceau de texte, javascript L'effet de balisage pour. Le HTML devrait ressembler à ceci : Résultats de la recherche Ils ont été interrompus, juste après que Quato ait dit : "Ouvrez votre esprit"
. 23. Quand utiliser HTML5 a introduit tellement d'éléments, devons-nous donc toujours utiliser div Vous pouvez utiliser div lorsqu'il n'y a pas de meilleurs éléments
24. Vous voulez utiliser HTML5 immédiatement ?
N'attendez pas 2022, vous pouvez l'utiliser maintenant, faites-le 25. 1)SVG
2)CSS3 3)Géolocalisation 4)Stockage client
5)Sockets Web
26 Attribut de données
Bla Bla. Utilisé en CSS :
h1:hover:after {
content: attr(data-hover-response);
color: black position; : absolu;
left: 0;
} Ne me touche pas 27. 🎜> L'élément est utilisé pour afficher les résultats du calcul et a le même attribut que l'étiquette 28 Utilisez Range Input pour créer un curseur Le type de plage référencé par HTML5 peut créer un. bloc curseur, qui accepte les attributs min, max, step et value Vous pouvez utiliser les CSS :before et :after pour afficher les valeurs de min et max input[type=range] :before { content : attr(min); padding-right: 5px; } input[type=range]:after { content: attr(max);