HTML5, qu’est-ce que c’est ?
Le HTML5 est un langage de programmation qui permet de développer des sites internet. Le HTML5 est le successeur du HTML4 et représente un ensemble de technologies Web (CSS3 et JavaScript).
Le HTML5 a été conçu pour répondre à un besoin de simplification du langage HTML4. C’est en éliminant l’utilisation des modules externes ou des scripts de contrôles que le HTML5 a vu le jour. Ce langage web a de plus été mis en place notamment pour répondre à un besoin majeur des internautes : être multiplateformes (naviguer facilement à la fois sur un PC, un Smartphone et une tablette). En effet, une des améliorations majeures du HTML5 est le responsive design.
Quelles sont les nouveautés apportées par le HTML5 pour le développeurs web?
On retrouve de nouvelles balises sémantiques:
- La balise section : permet de définir les grandes catégories d’une page
- La balise article : représente une partie du contenu édité sur le site
- La balise aside : c’est une sorte de plus au contenu principal. Si le contenu principal est trop lourd, les développeurs mettent des documents à télécharger ou des articles similaire dans la rubrique « Aside »
- La balise header : représente l’en-tête d’une section ou d’une page.
- La balise footer : représente le pied de page d’une section ou le pied d’une page
- La balise navigation : représente une section de liens de navigation.
- La balise figure : utilisé pour regrouper des éléments tel que des images ou des vidéos avec leur légende
Des nouveaux types d’éléments pour les formulaires :
Voici les nouvelles rubriques que l’on peut retrouver dans le langage HTML5 :
Date-time, date-time local, date, month , week, time, number, range, email, url, search, color
Cet exemple permet d’afficher un calendrier pour sélectionner une date :
<label for="start">Start date:</label> <input type="date" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31">
Des nouveaux attributs :
Ces nouveaux attributs permettent un gain de temps considérable et permettent également de réduire les fautes d’inattention.
Glisser-déposer : permet de rendre un élément déplaçable sur le site
Content éditable : indique qu’une zone est éditable. L’internaute peut changer le contenu à son bon vouloir
Spell check : permet d’activer ou non la correction orthographique automatique du contenu
Les APIs :
Les API sont des codes que les développeurs utilisent pour procéder à l’intégration d’un module externe sur un site web. De nouvelles API ont vu le jour grâce au HTLM5 :
- Une API de dessin 2D, grâce à la nouvelle balise canvas .
- Une API pour les vidéos et musiques grâces aux nouvelles balises vidéos et audios.
- Une API utilisée pour les applications hors-ligne.
- Une API qui permet l’accès à l’historique des pages.
- Une API de géo-localisation.
Les APIs permettront notamment aux développeurs de réduire l’utilisation des Framework (bibliothèque) ou de fonctions Javascript . Ils permettent également d’offrir un code bien organisé et plus conforme aux standards du W3C.
S.G., Web développeur chez Eminence