Ressources du Congo

Demandez à Notepad++ de concevoir vos Sites Web (11/350): Les balises HTML5

11 Septembre 2014 , Rédigé par Zamba Synkin Publié dans #Tech' Net & Code

Nous allons rectifier le tir en procédant de la manière suivante. D'une part,

À la ligne 1 : Nous écrirons désormais <html lang=«fr»> pour préciser au navigateur la « langue » du document.

Et d'autre part, nous allons insérer une ligne avant les lignes 3 et 5. Et la voici : <meta charset=«utf-8 » /> pour la gestion de l’affichage de jeu des caractères spéciaux du document: accents, &, €, etc. Autrement dit, c’est l’annonce du choix de l’encodage des caractères spéciaux.

Il convient donc de réécrire nos premières lignes de code HTML depuis le début. Et cela donnera ce qui suit :

  1. < !DOCTYPE html>
  2. <html lang=«fr»>
  3.        <head>
  4.                <meta charset=«utf-8» />
  5.                <title>HTML5 & CSS3 : Atelier 2</title>
  6.          </head>
  7.          <body>
  8.                    Bonjour à vous tous!
  9.          </body>
  10. </html>

Que nous reste-il à faire maintenant? Eh bien, il faut tester ce code sous Notepad++ et visualiser le rendu sous: Internet Explorer, Google Chrome, Firefox et Safari. A noter que c'est une démarche que nous allons systéméatiquement adopter, pour nous éviter des mauvaises surprises. En reprenant ce code sous Notepad++, nous allons avoir ceci:

HTML5: Les premières balises
HTML5: Les premières balises

Voyons, ci-dessous, le rendu respectivement sous Firefox, Internet Explorer et Safari. Faites un simple clic gauche sur une photo pour lancer le diaporama et tout avoir en gros plan.

Le rendu du code HTML sous Firefox, Internet Explorer & Safari.Le rendu du code HTML sous Firefox, Internet Explorer & Safari.Le rendu du code HTML sous Firefox, Internet Explorer & Safari.

Le rendu du code HTML sous Firefox, Internet Explorer & Safari.

Partager cet article

Commenter cet article

Stas Ustimenko 08/02/2017 08:23

J'aime utiliser Codelobster: http://www.codelobster.com