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.

Un langage en évolution constante

Pour programmer un site web, il est nécessaire d’utiliser un langage commun à tous les navigateurs web. Le HTML a été l’un des premiers langages utilisés pour le développement Web & Mobile dans la création des sites web et application mobile. Utiliser des balises le HTML permet notamment d’inclure des liens hyper-texte, de structurer un site web et de mettre en avant certains éléments comme des images ou des ressources multimédias. La syntaxe du HTML est définie selon des termes et des symboles précis qui permettent de coder la page.Depuis 2011, une nouvelle version nommée HTML 5 est apparue. Celle-ci est améliorée en permanence afin de permettre aux développeurs web d’améliorer les possibilités offertes.

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.

Plus complet que le meilleur des CMS

Savoir programmer en HTML plutôt que d‘utiliser un logiciel de création de site web permet d’ajouter une multitude de fonctions et d’éléments sur un site web. Le langage HTML est notamment très pratique pour inclure des balises qui favoriseront le référencement du site ou qui permettront d’inclure certaines options ou d’en exclure d’autres. Pour réussir une page web en langage HMTL, il est important de tester chaque page du site avec différents navigateurs web afin de s’assurer que l’affichage désiré est bien compatible avec tous.

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

En matière de développement web et mobile, 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 à découvrir notre agence developpement web et à télécharger notre livre blanc « Les 11 commandements d’un site internet qui convertit vos visiteurs en clients »

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 & Mobile :

Gabriel Dabi-Schwebel

gds@1min30.com
06 73 55 17 36





Commenter

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ne restez pas seul face à vos challenges marketing ! Rejoignez notre communauté pour apprendre et partager :)