Les nouveautés apportées par HTML 5

par Tychic Obanda


Posté le 11-01-2018 à 19:41 | Programmation web | 2


492
Partages
Partager sur Facebook150 Partager sur Twitter123 Partager sur Whatsapp219

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 243techAside 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.

  1. Une API de dessin 2D
  2. une API pour jouer des vidéos et sons
  3. une API utilisée pour les applications hors-ligne
  4. une API d'édition en combinaison
  5. une API de drag and drop
  6. 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
  7. WebGL
  8. 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.


Tychic ObandaSalut, Mbote! Je m'appelle 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.









Laisser un commentaire

2 commentaires

Gradi Masiala
Gradi Masiala
04-03-2018 à 05:55

merci pour cet article mais j'ai entendu qu'il y a actuellement la version 5.1 est-ce vrai?

Répondre
<a href='http://www.243tech.com/tychic-obanda/'>Tychic Obanda</a>
Tychic Obanda
31-03-2018 à 20:52

Oui il y a eu des mises à jour pour la version 5


Recherche
Annonces
Citation Tychic Obanda
Newsletter
M'écrire sur Whatsapp

Cliquez sur l'image ci-dessous pour entrer en contact avec moi sur Whatsapp. J'aimerais vraiment échanger avec vous!!!

Citation Tychic Obanda
M'écrire sur Facebook Messenger

Cliquez sur l'image ci-dessous pour entrer en contact avec moi sur Messenger. J'aimerais vraiment échanger avec vous!!!

Citation Tychic Obanda

Avatar Tychic Obanda

Envie d'apprendre plus sur la création de sites web ? Vous êtes au bon endroit ! 70 articlés publiés, 430 commentaires ont été postés sur 243tech. Tout ce que vous cherchez se trouve peut-être ici...