Le langage en général

Un peu d'histoire

Notre point de référence : le XML

Le XML est un langage simple qui exige une certaine rigueur dans sa rédaction.

Malgré le manque de flexibilité dans la syntaxe du XML, une page Web mal écrite ne refusera pas de s'afficher. Par contre, on ne peut à ce moment garantir que son rendu sera le même sur tous les fureteurs. Inversement, une page bien formée se comportera de façon prévisible sur tous les fureteurs modernes.

Les notions du XML

• Balise (ouvrante, fermante, sans contenu)
• Attribut d'une balise
• Contenu d'un élément (ou contenu de balise)
• Contenu (ou valeur) d'un attribut
• Entités
• Commentaires

Et où on s'en va avec ça?

On retrouve l'utilisation de langages basés sur le XML dans plusieurs sphères du multimédia. Le langage (X)HTML en est un, mais il y en a une panoplie étonnante

Parmi ceux-là, on pourra noter le SVG qui offre un affichage de dessins vectoriels , le MathML qui permet l'affichage de formules mathématiques complexes, le SMIL pour les animations, le XUL pour définir des interfaces usagers, Le XSL pour des feuilles de styles plus flexibles.

De plus, plusieurs applications sauvegardent leurs documents dans un format dérivé du XML. Notamment, les documents de la suite OpenOffice, et même Microsoft Office.

La syntaxe du XML vous sera nécessaire dans votre technique pour stocker des données et les transmettre à une application PHP, Flash ou autre.

En résumé

Exemples

<p class="note">Voici une photo de <em>mon</em> chat :</p>

Au départ : La balise

• L'unité de base d'une page Web est la balise. Elle sert à représenter un élément de la page.
• On reconnaît une balise aux signes "<>" entre lesquels se trouve le nom de la balise.
• Syntaxe d'un élément de page Web :
  • Avec contenu : <nom[ [attribut]...]>contenu</nom>
  • Sans contenu : <nom[ [attribut]...] />
• Exemples d'élément : <p>Bonjour</p>
• Les noms de balises sont toujours en minuscules
• Lorsqu'elles servent à délimiter un élément de contenu, les balises viennent par paire : une balise ouvrante (sans barre oblique) avant le contenu et une balise fermante (dont le nom est précédé d'une barre oblique) après le contenu.
• Une balise qui se termine par une barre oblique représente un élément sans contenu.
• Un petit truc : La barre oblique représente la position de la fin du contenu.
• Optionnellement, une balise peut contenir un ou plusieurs attributs, que nous verrons plus tard.

Les attributs

• Une balise peut contenir un ou plusieurs attributs.
• Un attribut sert à modifier le comportement d'une balise.
  Par exemple, l'attribut src d'une balise img sert à indiquer où se trouve l'image à afficher
• La syntaxe d'un attribut de balise est : nom_de_l_attribut="valeur_de_l_attribut"
• Le nom de l'attribut est déterminé par le langage HTML et est toujours en minuscules.
• La valeur d'un attribut est toujours entre guillemets.
• Les balises fermantes n'ont jamais d'attributs
• On peut mettre plusieurs attributs en les séparant par un espace
• L'ordre des attributs n'est pas important
• On ne peut pas mettre plusieurs fois le même attribut dans une balise
• Ex.: <img src="images/chat.jpg" alt="" />

Pour l'instant, l'important n'est pas de savoir comment se servir des attributs ni même leur utilité, mais bien de pouvoir les reconnaître et composer n'importe quelle balise avec attribut.

Le contenu d'un élément

• Un élément de page Web a habituellement un contenu
• Le contenu se retrouve entre la balise ouvrante et la balise fermante
• Tout élément doit être fermé
• On doit fermer la dernière balise restée ouverte
• Un élément qui n'a pas de contenu (marqueur) s'écrit ainsi : <balise /> et est considérée fermé
• Le contenu peut être une de ces 2 choses
  • Du texte brut
  • D'autres balises (éléments)
• Lorsqu'un élément contient d'autres éléments, on parle alors d'éléments imbriqués ou imbrication.
• Il n'y a pas de limite aux niveaux d'imbrication

L'imbrication

Lorsqu'un élément se trouve entre la balise ouvrante et la balise fermante d'un autre élément, on dit que ces deux éléments sont imbriqués.

L'indentation

Dans le code, on donnera une certaine mise en forme aux balises imbriquées pour aider au codage (et à la correction). Cette mise en forme du code s'appelle l'indentation, et est évaluée dans les travaux.

Le principe est simple : Lorsqu'un élément HTML est imbriqué, il doit être décalé vers la droite par rapport à son parent. Les balises ouvrante et fermante du parent sont alors seules sur leur ligne.