3.2. Eléments, marques et attributs

Toutes les DTDs écrites en HTML ont des caractéristiques communes. Ce n'est guère surprenant comme le montre inévitablement la philosophie qui sous-tend SGML. Une des manifestations les plus visibles de cette philosophie est la caractérisation en contenu et éléments.

Votre documentation (que ce soit une seule page Web ou un ouvrage volumineux) est vue comme étant un contenu. Ce contenu est alors divisé (et ensuite subdivisé) en éléments. L'objectif de l'ajout de marques est de nommer et de définir le début et la fin de ces éléments pour traitement ultérieur.

Considérez par exemple un livre type. Au plus haut niveau, ce livre lui-même est un élément. Cet élément “livre” contient évidemment des chapitres, qui peuvent aussi être légitimement considérés comme des éléments. Chaque chapitre contiendra à son tour des éléments, tels que des paragraphes, des citations et de notes de bas de page. Chaque paragraphe peut lui-même contenir encore des éléments, pour identifier le texte parlé par exemple, ou les noms des personnages de l'histoire.

Vous pouvez si vous le voulez voir cela comme un “morcelement” du contenu. A la racine, vous avez un morceau, le livre. Un niveau en dessous, vous avez plus de morceaux, les chapitres individuels. Ils sont à leur tour morcelés en pargraphes, notes de bas de page, noms des personnages, et ainsi de suite.

Remarquez que vous pouvez différencier les éléments sans utiliser la terminologie SGML. C'est vraiment immédiat. Vous pouvez le faire avec un surligneur et un livre imprimé, en utilisant des couleurs différentes pour chaque type d'élément.

Nous n'avons bien sûr pas de surligneur électronique, il nous faut donc un autre moyen d'indiquer à quel élément appartient chaque morceau du contenu. Dans les languages écrits avec SGML ,(HTML, DocBook, et al.), cela se fait avec des marques.

Une marque sert à dire où commence et où finit un élément. La marque ne fait pas partie de l'élément lui-même. Comme chaque DTD est habituellement écrite pour marquer des types d'informations spécifiques, chacune reconnaîtra des éléments différents, et aura donc des noms différents pour les marques.

Pour un élément appelé nom-de-l'élément, la marque de début sera normalement <nom-de-l'élément>. La marque de fin correspondante sera </nom-de-l'élément>.

<p>C'est un paragraphe. Il commence avec la marque de début pour
  l'élément 'p', et se terminera avec la marque de fin pour
  l'élément 'p'</p>

<p>C'est un autre paragraphe. Mais il est beaucoup plus
  court.</p>

Tous les éléments n'ont pas besoin d'une marque de fin. Certains n'ont pas de contenu. En HTML, par exemple, vous pouvez indiquer que vous voulez avoir une ligne horizontal dans votre document. Cette ligne n'a bien sûr aucun contenu, vous n'avez donc besoin que de la marque de début pour cet élément.

<p>C'est un paragraphe.</p>

<hr>

<p>C'est un autre paragraphe. Une ligne horizontale le sépare
  du précédent.</p>

Si ce n'était pas encore clair, les éléments peuvent contenir d'autres éléments. Dans l'exemple du livre plus haut, ce livre contenait tous les chapitres, qui à leur tour contenaient tous les paragraphes, et ainsi de suite.

<p>C'est un <em>paragraphe</em> simple où certains
  <em>mots</em> ont été <em>mis en valeur</em>.</p>

La DTD définira les règles qui disent quels éléments peuvent être inclus dans quels autres éléments, et ce qu'ils peuvent précisement contenir.

Les éléments peuvent avoir des attributs. Un attribut a un nom et une valeur, et sert à donner des informations supplémentaires concernant l'élément. Ce peuvent être des informations qui précisent comment l'élément doit être formaté, ou un identifiant unique pour cette occurrence de l'élément, ou autre chose encore.

Les attributs d'un élément sont donnés dans la marque de début de l'élément et ont la forme nom-de-l'attribut="valeur-de-l'attribut".

Dans les versions récentes d'HTML, l'élément <p> a un attribut appelé align, qui suggère un alignement (justification) du paragraphe au programme affichant l'HTML.

L'attribut align peut prendre l'une des quatre valeurs prédéfinies, left, center, right et justify. Si l'attribut n'est pas précise, la valeur par défaut est left.

<p align="left">L'attribut align est superflus pour ce paragraphe,
  puisque 'left' est la valeur par défaut.</p>

<p align="center">Ce paragraphe sera peut-être centré.</p>

Certains attributs ne prennent que des valeurs prédéfinies, comme left ou justify. D'autres peuvent prendre les valeurs que vous voulez. Si vous avez besoin de quotes (") dans un attribut, mettez la valeur de l'attribut entre simples quotes.

<p align='right'>Je suis &agrave; droite&nbsp;!</p>

Vous n'avez pas toujours besoin de mettre la valeur de l'attribut entre simples quotes. Les régles à ce sujet sont cependant subtiles, et il est beaucoup plus simple de toujours mettre entre simples quotes les valeurs des attributs.