2014
13/Avr

HTML : Faut-il connaître ce langage de programmation pour faire un site Web ?

Définition

Le html est un langage (un code) qui permet de structurer une page Internet de manière a ce qu’elle puisse être rendue dans les navigateurs Web. Le html est constitué de balises qui entourent le texte et lui donne ainsi un sens (titre, paragraphe, image, lien…). Une balise commence par <xxx> et se termine par </xxx>, xxx étant le nom de la balise.Actuellement, la version de html courante est la 5.

Balises les plus courantes

  • Paragraphe : <p>Mon texte</p>
  • Titres : <hx>Mon titre</hx>, x étant un chiffre de 1 à 9 (<h1> est le titre principal, <h2> le sous-titre, etc.)
  • Lien : <a href= »adresse du lien » title= »titre du lien »>Mon lien</a>
  • Image : <img src= »adresse de l’image » alt= »texte alternatif » />
  • Body, Head, Meta & Title

La liste complètes des balises du HTML 5 est téléchargeable ici.

Structure html

Il est très important de respecter la structure et la hiérarchie du html pour ses pages Web :

  • Si votre balisage est propre, il sera ensuite aisé de modifier l’apparence de votre site sans changer votre contenu en utilisant les CSS.
  • Une page bien structurée est plus claire et plus facile à lire pour l’utilisateur
  • Les moteurs de recherche tiennent compte de cette structure pour évaluer la page

Exemple de structure de page html correcte :

<h1>Titre de la page</h1><h2>Sous-titre 1</h2><p>Quelques lignes de paragraphe</p><h2>Sous-titre 2</h2>Etc.

Notez que la structure des pages du dictionnaire du web respecte scrupuleusement cette règle.

Faut-il connaître le HTML pour faire un site Web ?

Les CMS modernes permettent de faire des pages Web en utilisant des éditeurs de texte simplifiés (dits WYSIWYG). Il est donc possible de rédiger des pages sans passer par la case html.Par contre, pour celui qui souhaite maîtriser la structure de ses pages, il est indispensable de savoir lire le html et de corriger les éventuelles lacunes des éditeurs WYSIWYG, qui offrent toujours la possibilité de visualiser le code source html.Cela permet par exemple :

  • De faire des liens pertinents en utilisant au mieux la syntaxe de la balise <a> (par exemple en utilisant rel= »nofollow » sur des liens d’affiliation).
  • De ne pas se fier au rendu de l’éditeur pour voir si sa page est correctement structurée.
  • De remplir des attributs comme le « alt » de la balise <img>.

De plus, le html est un langage simple. Pourquoi se priver de l’apprendre ?

Pour aller plus loin, nous vous invitons à télécharger notre livre blanc: « les 11 commandements d’un site internet qui convertit vos visiteurs en clients » et à contacter notre agence web.

Gabriel Dabi-Schwebel

Posté par

Ingénieur de formation, j'ai accompagné notamment pour Alcatel, TF1, SFR et Lagardère Active le lanc

Gabriel Dabi-Schwebel

Contact Développement web :

Jérémie Dornbusch

jd@1min30.com
07 85 92 87 77





Commenter

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Apprenez de notre stratégie en vous inscrivant à notre newsletter