Que sont les langages de balisage? - Création de sites web

Lorsque vous commencerez à explorer le monde de la conception Web, vous découvrirez sans aucun doute un certain nombre de mots et d’expressions nouveaux pour vous. L'un des termes que vous entendrez probablement est "balisage" ou peut-être "langage de balisage". En quoi le "marquage" diffère-t-il du "code" et pourquoi certains professionnels du Web semblent-ils utiliser ces termes de manière interchangeable? Commençons par examiner exactement ce qu'est un "langage de balisage".

Regardons 3 langages de balisage

Presque tous les acronymes sur le Web qui ont un «ML» est un «langage de balisage» (grande surprise, ce que signifie le «ML»). Les langages de balisage sont les blocs de construction utilisés pour créer des pages Web ou toutes les formes et tailles.

En réalité, il existe de nombreux langages de balisage dans le monde. Pour la conception et le développement Web, vous rencontrerez probablement trois langages de balisage spécifiques. Ce sont HTML, XML et XHTML.

Qu'est-ce qu'un langage de balisage?

Pour définir correctement ce terme, un langage de balisage est un langage qui annote un texte afin que l'ordinateur puisse manipuler ce texte. La plupart des langages de balisage sont lisibles par l'homme, car les annotations sont écrites de manière à les distinguer du texte lui-même. Par exemple, avec HTML, XML et XHTML, les balises de marquage sont < et >. Tout texte figurant dans l'un de ces caractères est considéré comme faisant partie du langage de balisage et non du texte annoté. Par exemple:

Ceci est un paragraphe de texte écrit en HTML

Cet exemple est un paragraphe HTML. Il est composé d'une balise d'ouverture (

), une balise de fermeture (

), et le texte réellement affiché à l'écran (il s'agit du texte compris entre les deux balises). Chaque balise comprend un symbole "inférieur à" et "excellent que" pour le désigner comme faisant partie du balisage.

Lorsque vous formatez le texte à afficher sur un ordinateur ou un autre écran de périphérique, vous devez faire la distinction entre le texte lui-même et les instructions pour le texte. Le "balisage" est les instructions pour afficher ou imprimer le texte.

Le balisage ne doit pas nécessairement être lisible par ordinateur. Les annotations sous forme imprimée ou dans un livre sont également considérées comme des balises. Par exemple, de nombreux étudiants à l’école souligneront certaines phrases dans leurs manuels. Cela indique que le texte en surbrillance est plus important que le texte environnant. La couleur de surbrillance est considérée comme du balisage.

Le balisage devient un langage lorsque des règles sont codifiées sur la manière d'écrire et d'utiliser ce balisage. Ce même élève pourrait avoir son propre «langage de balisage de prise de notes» s’il codifiait des règles telles que «le surligneur violet correspond aux définitions, le surligneur jaune aux détails de l’examen et les notes au crayon dans les marges aux ressources additionnelles».

La plupart des langages de balisage sont définis par une autorité extérieure et peuvent être utilisés par différentes personnes. Voici comment fonctionnent les langages de balisage pour le Web. Ils sont définis par le W3C ou World Wide Web Consortium.

HTML: langage de balisage hypertexte

HTML ou HyperText Markup Language est la langue principale du Web et la plus courante avec laquelle vous travaillerez en tant que concepteur / développeur Web. En fait, c'est peut-être le seul langage de balisage que vous utilisez dans votre travail.

Toutes les pages Web sont écrites dans une sorte de HTML. HTML définit la manière dont les images, les fichiers multimédia et le texte sont affichés dans les navigateurs Web. Ce langage comprend des éléments permettant de connecter vos documents (hypertexte) et de rendre vos documents Web interactifs (avec des formulaires, par exemple). Beaucoup de gens appellent HTML "code de site Web", mais en réalité, il ne s'agit que d'un langage de balisage. Aucun des deux termes n'est strictement faux et vous entendrez des gens, y compris des professionnels du Web, utiliser ces deux termes de manière interchangeable.

HTML est un langage de balisage standard défini. Il est basé sur SGML (Standard Generalized Markup Language). C'est un langage qui utilise des balises pour définir la structure de votre texte. Les éléments et les balises sont définis par les caractères <et>.

Bien que HTML soit de loin le langage de balisage le plus répandu sur le Web, il n’est pas le seul choix pour le développement Web. Au fur et à mesure que HTML était développé, il devenait de plus en plus compliqué et les balises de style et de contenu étaient combinées dans une langue. Finalement, le W3C a décidé qu’il était nécessaire de séparer le style d’une page Web du contenu. Une balise qui définit uniquement le contenu resterait en HTML, tandis que les balises définissant le style étaient déconseillées au profit de CSS (Cascading Style Sheets).

La dernière version numérotée de HTML est HTML5. Cette version ajoute plus de fonctionnalités au HTML et supprime une partie de la rigueur imposée par XHTML (plus de détails sur ce langage prochainement).

La manière dont le HTML est publié a été modifiée avec la montée en puissance de HTML5. Aujourd'hui, de nouvelles fonctionnalités et modifications sont ajoutées sans qu'il soit nécessaire de publier une nouvelle version numérotée. La dernière version du langage est simplement appelée "HTML".

XML - Langage de balisage extensible

Le langage de balisage eXtensible est le langage sur lequel une autre version de HTML est basée. Comme HTML, XML est également basé sur SGML. Il est moins strict que SGML et plus strict que le HTML simple. XML fournit l’extensibilité pour créer différentes langues.

XML est un langage pour écrire des langages de balisage. Par exemple, si vous travaillez sur la généalogie, vous pouvez créer des balises à l'aide de XML pour définir le père, la mère, la fille et le fils dans votre code XML comme suit: . Il existe également plusieurs langages normalisés déjà créés avec XML: MathML pour définir les mathématiques, SMIL pour travailler avec le multimédia, XHTML et bien d’autres.

XHTML - Langage de balisage hypertexte eXtended

XHTML 1.0 est HTML 4.0 redéfini pour répondre à la norme XML. XHTML a été remplacé dans la conception Web moderne par HTML5 et les changements survenus depuis. Il est peu probable que vous trouviez de nouveaux sites utilisant XHTML, mais si vous travaillez sur un site beaucoup plus ancien, vous pouvez toujours rencontrer XHTML dans la nature.

Il n'y a pas beaucoup de différences majeures entre HTML et XHTML, mais voici ce que vous remarquerez:

• XHTML est écrit en minuscule. Bien que les balises HTML puissent être écrites en majuscules, minuscules ou majuscules, les balises XHTML doivent être toutes en minuscules. (Remarque: de nombreux professionnels du Web écrivent du HTML en minuscule, même s’il n’est pas technique).
• Tous les éléments XHTML doivent avoir une balise de fin. Les éléments avec une seule balise, tels que et nécessitent une barre oblique de fermeture (/) à la fin de la balise: <> / >
  • <> / >
• Tous les attributs doivent être cités en XHTML. Certaines personnes suppriment les guillemets autour des attributs pour économiser de l'espace, mais ils sont nécessaires pour que le XHTML soit correct.
• XHTML nécessite que les balises soient imbriquées correctement. Si vous ouvrez un gras () puis un italique (), vous devez fermer l’élément italique () avant de fermer l'audacieux (). (Notez que ces deux éléments sont obsolètes car ils sont visuels. HTML utilise maintenant et à la place de ces deux)
• Les attributs HTML doivent avoir un nom et une valeur. Les attributs autonomes en HTML doivent également être déclarés avec des valeurs, par exemple, HEURE attribut serait écrit noshade = "noshade".