Organisation simple des fonctionnalités de base et syntaxe de HTML5

Cet article présente principalement les caractéristiques de base et la syntaxe de HTML5, qui est la connaissance de base de l'introduction de HTML5. Les amis qui en ont besoin peuvent se référer à une vue d'ensemble HTML5

HTML5 est la prochaine version importante de la norme HTML pour remplacer HTML 4.01, XHTML 1.0 et XHTML 1.1. HTML5 est également une norme pour construire et présenter du contenu sur le World Wide Web.

HTML5 est le produit de la collaboration entre la World Wide Web Alliance (W3C) et le groupe de travail sur la technologie hypertexte des pages Web (Whatwg).

Cette nouvelle norme intègre des fonctionnalités telles que la lecture vidéo et le glisser-déposer, qui s'appuyait sur des plug-ins de navigateur tiers tels qu'Adobe Flash, Microsoft Silverlight et Google Gears.

Les dernières versions d'Apple Safari, Mozilla Firefox et Opera prennent en charge la plupart des fonctionnalités HTML5, et IE9 prend également en charge certaines fonctionnalités HTML5.

Les navigateurs mobiles préinstallés sur les iPhones, les iPads et les téléphones Android ont tous une bonne prise en charge pour HTML5.

HTML5 présente de nombreux nouveaux éléments et attributs pour nous aider à créer des sites Web modernes. Voici les principales fonctionnalités introduites par HTML5:

Nouveaux éléments sémantiques: tels que <Sider>, <fooder> et <prec>.

Form 2.0: Amélioration des formulaires Web HTML et introduit de nouvelles propriétés à la balise <fort>.

Stockage local persistant: afin de ne pas être implémenté via des plugins tiers.

WebSocket: la prochaine génération de technologies de communication bidirectionnelles pour les applications Web.

Événements de push du serveur: HTML5 introduit des événements d'un serveur Web vers un navigateur Web, également connu sous le nom d'événements Push (SSE).

Canvas: prend en charge le dessin bidimensionnel programmatique à l'aide de JavaScript.

Audio et vidéo: intégrer l'audio ou la vidéo dans les pages Web sans avoir besoin de plug-ins tiers.

Géolocalisation: les utilisateurs peuvent choisir de partager leur géolocalisation avec notre page Web.

Microdata: nous permet de créer un vocabulaire personnalisé en dehors de HTML5 et d'étendre les pages Web à l'aide de la sémantique personnalisée.

Faites glisser et déposez: faites glisser et déposez une entrée sur la même page Web d'un endroit à un autre.

HTML5 est conçu pour être aussi compatible en arrière que possible pour les navigateurs existants. De nouvelles fonctionnalités sont construites sur les fonctionnalités existantes et nous permettent de fournir un contenu alternatif pour les anciens navigateurs.

Il est recommandé d'utiliser une petite quantité de code JavaScript pour détecter la prise en charge d'une seule fonction HTML5.

HTML5 a sa propre syntaxe HTML, qui est compatible avec les documents HTML 4 et XHTML1 qui ont été publiés sur le Web, mais n'ont pas les fonctionnalités SGML les plus complexes dans HTML 4.

HTML5 ne nécessite pas les noms de balises minuscules dans XHTML, les attributs doivent être cités, les attributs doivent avoir une valeur et des règles de syntaxe qui doivent fermer tous les éléments vides.

Cependant, HTML5 est plus flexible et prend en charge les formulaires suivants:

Capitalisation du nom de balise.

Les citations doubles pour l'attribut sont facultatives.

La valeur d'attribut est facultative.

L'élément vide fermé est facultatif.

Doctype

Dans les anciennes versions de HTML, Doctype est long car le langage HTML est basé sur SGML et nécessite un DTD pour être référencé.

Les auteurs HTML5 peuvent utiliser une syntaxe simple pour spécifier la forme suivante de Doctype: