Qu'est-ce que HTML5 ? Quelles sont les nouveautés de html5 ? (Résumé avec code)

Cet article vous présente principalement ce qu'est HTML5 et résume les nouvelles fonctionnalités de HTML5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Tout d'abord, tout le monde devrait savoir qu'est-ce que le HTML, n'est-ce pas ?

HTML est l'abréviation de Hyper Text Markup Language, qui est le langage standard pour la création de pages Web. Étant donné que les pages Web contiennent non seulement du texte ordinaire mais également de l’hypertexte, on parle de langage de description hypertexte.

Alors qu'est-ce que HTML5 ?

La cinquième révision majeure du Hypertext Markup Language (HTML), une application sous Standard Universal Markup Language, le langage de base du World Wide Web. Nous appellerons cette norme révisée html5.

html5 est un ensemble de combinaisons technologiques comprenant HTML, CSS et JavaScript, qui améliorent les performances des pages Web. Deuxièmement, des fonctions d'application Web telles que la base de données locale sont ajoutées.

Ci-dessous nous vous donnerons un résumé des nouvelles fonctionnalités de html5 à partir d'exemples simples.

1. Peinture sur toile

La balise HTML5 est utilisée pour dessiner des images (via un script, généralement JavaScript).

2. Éléments vidéo et audio pour la lecture multimédia

Le DOM HTML5 fournit des méthodes, des propriétés et des événements pour les éléments

Ces méthodes, propriétés et événements vous permettent d'utiliser JavaScript pour manipuler les éléments

3. Stockage local hors ligne localStorage stockage à long terme des données, les données ne seront pas perdues après la fermeture du navigateur

localStorage : stockage de données sans limite de temps

3. 🎜>

4. Les données de SessionStorage sont automatiquement supprimées après la fermeture du navigateur

sessionStorage : stockage de données pour une session

5. une meilleure sémantique, par exemple, article, pied de page, en-tête, navigation, section

1. La balise

définit le contenu externe.

2. La balise

définit l'en-tête d'un document ou d'une partie de document. L'élément

doit servir de conteneur pour le contenu d'introduction ou les liens de navigation.

3.L'élément Nav peut être utilisé comme groupe de liens pour la navigation dans les pages. Il existe de nombreux liens dans le groupe de liens de navigation, mais pas tous. les liens. Les groupes doivent être placés dans les éléments de navigation. Il suffit de mettre les plus importants, les plus basiques et les plus importants dans les éléments de navigation.

4.section est une balise sémantique.

6. Contrôles de formulaire, calendrier, date, heure, email, url, recherche

7. Nouvelles technologies webworker, websocket, Géolocalisation

1. Web Worker exécute JavaScript en arrière-plan, indépendamment des autres scripts et n'affectera pas les performances de la page. Vous pouvez continuer à faire ce que vous voulez : cliquer, sélectionner, etc. pendant que le Web Worker s'exécute en arrière-plan.

2. WebSocket est un protocole de communication full-duplex sur une seule connexion TCP que HTML5 a commencé à fournir.

3.L'API de géolocalisation HTML5 est utilisée pour obtenir la localisation géographique de l'utilisateur. Étant donné que cette fonctionnalité peut violer la confidentialité des utilisateurs, les informations de localisation de l'utilisateur ne sont pas disponibles sans le consentement de l'utilisateur. Cet article est un résumé des nouvelles fonctionnalités de

HTML5

J'espère qu'il sera utile aux amis dans le besoin. Si vous souhaitez en savoir plus sur les connaissances liées au front-end, vous pouvez suivre le site Web PHP chinois Tutoriel vidéo HTML5,
Tutoriel Bootstrap

et d'autres tutoriels connexes Bienvenue. tout le monde à qui se référer et apprendre !

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!