Les nouveautés apportées par HTML 5
par Tychic Obanda
Programmation web | 4 commentaires
Besoin d'une carte Visa ? Procurez-vous la carte visa Fyatu à seulement 5$. Cliquez ici
Salut, Mbote! Dans cet article, je vais vous parler des nouveautés apportées par l'actuelle version du langage de balisage, HTML. Cette version vient de simplifier et faciliter les travaux de développeurs web avec des différentes API mises en œuvre.
C'est le 28 Octobre 2014 que la version 5 du langage était rendu publique et il reste jusqu'à l'heure où j'écris cet article(2018), la dernière version HTML. Cette version n'a pas seulement apportée comme nouveautés des API mais aussi des nouvelles balises et nouveaux attributs, toujours dans le but de rendre les codes encore plus simple qu'avant.
Découvrez maintenant les nouveautés apportées par la cinquième version du langage HTML.
Doctype
Avec la venue de HTML 5, le début de tout document HTML doit commencer par <!DOCTYPE html>. Ceci est une déclaration pour indiquer la méthode standard de rendu par le navigateur. Vous pouvez même l'écrire en minuscule (c'est facultatif). Il doit toujours se situer avant la balise <html>.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>Encodage
Avec la balise META et l'attribut CHARSET, vous devez desormais choisir le type d'encodage de texte de vos pages web. Je vous recommande d'utiliser UTF-8 comme valeur de l'attribut charset car ça permet d'afficher correctement les caractères accentués. <meta charset="utf-8" />
<head>
<meta charset = "UTF-8" />
</head>Comme je l'avais dit ci-haut, la version 5 de HTML a apporté aussi de nouvelles balises et découvrez quelques une :
Balise audio
Cette balise permet d'ajouter et d'écouter un son audio sur une page web. Avec cette balise, vous pouvez créer des sites de streaming(écoute en ligne). Il n'est plus question d'insérer de lecteur Flash sur son site pour ajouter de la musique sur son site.
<audio src="music/vigny-terranova-je-suis-un-kinois.mp3" controls>Votre navigateur ne supporte pas ce lecteur audio</audio>Vu que cette balise a été ajouté à la version 5 de HTML, tous les navigateurs ne la supporte pas encore. Il est donc recommander de place un texte entre cette balise au cas où le navigateur ne reconnait pas <audio>.
Balise video
La balise vidéo a presque le même rôle que audio mais la différence est que celle-ci permet de regarder des vidéos sur son site.
<video src="music/vigny-terranova-je-suis-un-kinois.mp3" controls>Votre navigateur ne supporte pas ce lecteur video</video>progress
Définit une barre de progression
section
C'est cette balise qui contient l'en-tête et le pied d'une page web
article
C'est sur cette balise que vous pouvez écrire le contenu d'un blog.
aside
La balise aside est souvent associée à la balise article. Il permet de créer des blocs pour afficher une information brève par exemple: mettre sa page Facebook ou les commentaires récents. Si vous visitez 243tech.com depuis un ordinateur, vous verrez à droite de l'écran des blocs comme Page Facebook, Articles récents, Newsletter, Webmaster... ce sont là des aside. Pour ceux-là qui visite le site depuis un mobile, les aside sont tout les blocs situés en bas de commentaires.
Aside sur 243tech
header
C'est l'en-tête de page. C'est sur header qu'on peut mettre le logo du site.
footer
C'est le pied de la page
L'arrivée de cette nouvelle version à intégrer aussi des nouvelles API dans le langage pour faciliter certains travaux chez les développeurs. Découvrez à présents les huit API qui ont été ajouté à HTML 5.
- Une API de dessin 2D
- une API pour jouer des vidéos et sons
- une API utilisée pour les applications hors-ligne
- une API d'édition en combinaison
- une API de drag and drop
- une API qui permet l'accès à l'historique de navigation et permet aux pages d'en ajouter pour prévenir bouton retour-en-arrière
- WebGL
- Khronos Group
Vous venez donc de découvrir les nouveautés apportées par HTML 5 et vous pouvez maintenant développer des magnifiques application (sites web) avec ce langage.
Je suis Tychic Obanda. Avant j'étais un simple visiteur des sites internet et aujourd'hui je suis devenu le créateur des sites internet. Passionné de l'internet et de la programmation, je publie sur ce site des astuces et tutoriels pour vous aider de mieux apprendre la programmation web et de vivre de cette passion.
Laisser un commentaire
4 commentaires
Booba
Salut tychic je voulais q'uon parle en priveé j'ai besoin de ton aide c'est tres urgent tu peut m'appeller
+22350797013
merci d'avance
Tychic Obanda
Salut,
Tu peux m'écrire sur la page de Contact https://www.243tech.com/contact
Gradi Masiala
merci pour cet article mais j'ai entendu qu'il y a actuellement la version 5.1 est-ce vrai?
Tychic Obanda
Oui il y a eu des mises à jour pour la version 5
Recherche
Bonus Gratuit
Un ebook écrit pour vous montrer tout ce qu'il faut pour devenir développeur web