Cette fois, je vais vous montrer comment utiliser la nouvelle fonctionnalité de la balise sémantique de H5. Quelles sont les précautions d'utilisation de la nouvelle fonctionnalité de la balise sémantique de H5. . , jetons un coup d'oeil.
Nouvelles fonctionnalités HTML5
DOCTYPE concis :
HTML5 n'a qu'un seul type de document simple : , ce qui signifie que le navigateur l'analysera selon la norme mode.
Type d'encodage simple et facile à retenir
Vous pouvez désormais utiliser "charset" dans les balises méta :
Le script et les liens n'ont pas besoin d'être saisis
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
Plus sémantique Nouvelles balises
Par exemple :
<video width="640" height="320" preload="auto" poster="0.jpg" controls>
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>Améliorations du formulaire
Nouveau type de saisie :
color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
Nouveaux Attributs :
required, autofocus, pattern, list, autocomplete 和placeholder
Nouvel élément :
les balises de toile dessinent des graphiques 2D.
var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100,100); context.lineTo(300,300); context.lineTo(100,500); context.lineWidth = 5; context.strokeStyle = "red"; context.stroke();
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
À propos des problèmes d'adaptation des pages HTML5 sur iPhoneX
html
Solution au tableau trop large et débordant du conteneur parent
Comment utiliser l'attribut title du HTML pour afficher du texte au survol de la souris
Comment utiliser l'attribut cellpadding et l'attribut cellpacing du 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!
Quelles sont les méthodes de production de production d'animation html5 ?
La différence entre HTML et HTML5
Windows vérifie l'état d'occupation des ports
Adresse de téléchargement du site officiel de l'application Yiou Exchange
L'écran de l'ordinateur n'affiche aucun signal
La différence entre Java et Java
Quel fichier est Windows.old ?
Pourquoi l'ordinateur redémarre-t-il automatiquement ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
