Maison interface Web Tutoriel H5 Quelles sont les nouveautés du HTML5 ? Explication détaillée des nouvelles fonctionnalités de HTML5

Quelles sont les nouveautés du HTML5 ? Explication détaillée des nouvelles fonctionnalités de HTML5

Jan 04, 2019 am 09:41 AM
html5 Nouvelles fonctionnalités de HTML5


Cet article vous apporte quelles sont les nouvelles fonctionnalités du HTML5 ? Une explication détaillée des nouvelles fonctionnalités de HTML5 a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile. [Tutoriel recommandé : Tutoriel Html5]

1 : Nouvelles fonctionnalités

Plus d'éléments sémantiques. article, pied de page, en-tête, navigation, section

stockage localisé. localStorage et sessionStorage

application hors ligne, mise en cache hors ligne. manifest

API Glisser-libérer. Glisser-déposer

Lecture multimédia. la vidéo et l'audio

améliorent les contrôles de formulaire. calendrier, date, heure, email, url, recherche

Localisation géographique. Géolocalisation

Multi-tâches. webworker

Protocole de communication full-duplex. websocket

Historique de gestion de l'historique

Partage de ressources d'origine croisée (CORS) Access-Control-Allow-Origin

Visibilité de la page, changement de visibilité des événements

Cross- window Communication PostMessage

Form Data Object

Peinture : toile

2 : Quels éléments ont été supprimés par HTML5 ?

Éléments purement expressifs : basefont, big, center, font, s, strike, tt, u

Éléments qui ont un impact négatif sur la convivialité : frame, frameset, noframes

Trois : Comment résoudre le problème de compatibilité des nouvelles balises h5

Tout d'abord, vous pouvez utiliser document.createElement pour créer de nouvelles balises

Utilisez le shim html5shiv.js

<!--if lt IE 9]>  
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

3 : Comment faire la distinction entre HTML et HTML5

La différence évidente est que la déclaration DOCTYPE h5 n'a besoin que d'écrire , tandis que. la déclaration html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Vous pouvez juger en fonction des nouveaux éléments fonctionnels de h5 tels que canvas




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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1543
276
Que sont les attributs de données HTML5? Que sont les attributs de données HTML5? Aug 06, 2025 pm 05:39 PM

Html5dataattributesarecustom, validhtmlattributesUSEdTostoreExtrainWeoleLelementsforjavaScriptorcss.1.TheyaredEfinedAdata- *

Comment utiliser l'API Canvas pour le dessin de base dans HTML5? Comment utiliser l'API Canvas pour le dessin de base dans HTML5? Aug 07, 2025 am 07:15 AM

Pour utiliser l'API HTML5Canvas pour le dessin de base, créez d'abord l'élément Canvas dans HTML et définissez l'attribut largeur et hauteur, puis obtenez son contexte de rendu 2D via JavaScript; 1. Utilisez FillRect, Strokect et ClearRect pour dessiner et ClearRect; 2. Créez des chemins et dessinez des lignes ou des formes personnalisées via Beginpath, MoveTo, Lineto et ClosePath; 3. Utilisez l'arc pour dessiner des cercles ou des arcs; 4. Utilisez FillText et Stroketext pour ajouter du texte de remplissage ou de trait; 5. Set Fillstyle, StrokeSet, Lin

Quel est l'élément de côté dans HTML5? Quel est l'élément de côté dans HTML5? Aug 12, 2025 pm 04:37 PM

Les éléments devraient être utilisés pour le contenu.

Comment créer une page Web HTML5 simple Comment créer une page Web HTML5 simple Aug 12, 2025 am 11:51 AM

Pour créer une page Web HTML5 simple, vous devez d'abord utiliser le type de document de déclaration, puis créer une structure de base contenant, et, qui définit l'encodage, la fenêtre et le titre, ajoutez du contenu visible tel que le titre, le paragraphe, le lien, les images et les listes. Enregistrez-le en tant que fichier .html et ouvrez-le directement dans le navigateur pour la visualisation, sans support de serveur. C'est la base d'une page HTML5 complète et efficace.

Comment créer un sélecteur de couleurs sous une forme HTML5? Comment créer un sélecteur de couleurs sous une forme HTML5? Aug 08, 2025 am 03:48 AM

Utilisez Type = "Color" pour créer un sélecteur de couleur HTML5, 1. Utilisez Ajouter une entrée de couleur; 2. Vous pouvez définir la valeur de couleur par défaut via l'attribut de valeur (doit être dans un format hexadécimal à 7 caractères tels que #FFFFFF); 3. Tous les navigateurs modernes le soutiennent et les navigateurs plus anciens retomberont à l'entrée de texte; 4. Vous pouvez prévisualiser les changements de couleur en temps réel avec JavaScript; 5. Les balises d'étiquette doivent être ajoutées pour améliorer l'accessibilité, et la bibliothèque JavaScript peut être utilisée pour fournir un support de dégradation lorsque cela est nécessaire. Cette méthode est simple, efficace et largement prise en charge.

Quel est l'attribut ReadOnly dans HTML5? Quel est l'attribut ReadOnly dans HTML5? Aug 08, 2025 am 11:55 AM

ThereadonlyAttributeInhtml5 makesforminputsnon-éditable qui a été le nombre

Quel est l'attribut draggable dans html5 Quel est l'attribut draggable dans html5 Aug 12, 2025 am 09:50 AM

TheDraggableAtTributeInhtml5 spécifie si l’élémentation due à crée, résiste "True", "False", oranEmptyString (Sameas "True"). 2.SettingDraggable = "True" ActiveDrage-and-DropForanyElement, ButjavascripTeventLisnerslik ActiveDrage-and-DropForanyElement, ButjavascripTeventLenerslik ActiveDrage-et-DropForanyElement, ButjavascripTeventLenerslik ActiveDrage-et-DropForanyElement, ButjavascripTeventLenersLik ActiveDrage-et-DropForanyElement, ButjavascripTeventLenersLik ActiveDrage-et-DropForanyElement, ButjavascripTeventLenerslik ActiveDrag

Comment utilisez-vous SVG dans HTML5? Comment utilisez-vous SVG dans HTML5? Aug 11, 2025 pm 01:30 PM

UseInlinesvgForfullControloverSTYLINGAndInterActivity withcssandjavascript, idéalforsmalliconsordamicgraphics.2.UsethetagtoembedExternalsvgfiles whentheimageisstating InteractivityisnotneedEd, assurantbetterhtmlcleannesscachiabilité.33

See all articles