Comment utiliser les nouvelles fonctionnalités de balises sémantiques de H5

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 : 8b05045a5be5764f313ed5b9168a17e6, 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 : b6c06a3eac5ba315bbbfde6d7627c15a

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 : 23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, 15221ee8cba27fc1d7a26c47a001eb9b, d8eccd9ed644b68a6460a2bb84548c82, 1aa9e5d373740b65a0cc8f0a02150c53,c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9, 46dd80ba616c57a652514755c74c4211, f920514e6447cf1d171079d1371f007f, 24203f2f45e6606542ba09fd2181843a et 614eb9dc63b3fb809437a716aa228d24 etc.

<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 : aa983b9eb8086376f1f6481364a02e5a, fc86e7b705049fc9d4fccc89a2e80ee3, be6d67dae90cc1ad6469079e163d0939, 49c6123c49c6be380cb91db06cd3bfa9 et 6ecb87e5318a36c03c59e25d55f43372

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!