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 : , 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 :

,

,

,

,

,

,

, , ,

et

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 : ,

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!