Introduction
Cette page a pour objectif de répertorier les principales balises compatibles avec la norme XHTML. Nous rappelons ici que le XHTML (pour eXtensible HyperText Markup Language) est un langage géré par l'organisation W3C qui vise a élaborer un ensemble de règles d'écriture pour les pages Web. Une des principales, et qui nous intéresse ici, est que le fond du site (le contenu) doit être dissocié de la forme (la mise en page, les couleurs...).
Ainsi la liste des balises que vous trouverez sur cette page ne permettent pas de décrire un élément du design (par exemple : ce texte doit être en gras), mais uniquement de donner du sens aux élément de la page (par exemple : ce texte est important). Libre ensuite aux langages de style (notamment le CSS) et aux navigateurs du client d'interpréter ces balises visuellement. Cela permet de gérer un ensemble important et hétérogène de terminaux (votre site web sera visible sur un ordinateur classique, mais également sur un PDA, un iPhone, une tablette ou encore un interpréteur braille pour aveugle...)
Pour être tout à fait en accord avec les standards, il ne devrait donc être donné ici aucune indication de design particulier. Cependant, pour vous aider dans une première approche avec ce langage, il est indiqué, lorsque nécessaire, comment est interprété habituellement la balise par le navigateur. Il faut garder à l'esprit que ce comportement est tout de même spécifique à un navigateur donné, et peut de plus être modifié par les feuilles de style CSS du document.
Les balises de structure
Elles permettent de structurer votre page web, il en existe quatre différentes (plus une balise meta), la plupart sont indispensables sur une page web classique.
| <html> | Encadre l'ensemble de la page web, excepté les éventuelles formats d'encodage. |
| <head> | Spécifie l'en tête de la page, contenant les éléments de script, de style, de titre ou encore les balises meta. |
| <title> | Donne le titre de la page Web (est contenue dans la balise head). |
| <meta> | Spécifie les différentes informations sur la page afin de faciliter le référencement et le classement de la page (description, mots-clefs...). |
| <body> | Spécifie le corps de la page, là où se trouve le contenu. |
Les balises de texte
Les balises de texte (dénomination du standard W3C) permettent de formater le texte afin de lui donner du sens. Par exemple elles permettent de signaler une partie comme importante, une expression comme un titre ou encore du texte comme du code source.
| <br> | Cette balise permet de placer un retour à la ligne. Elle n'a pas de balise de fin et s'écrit donc <br />. Elle est beaucoup moins utilisée que dans le HTML standard, mais reste cependant utile. |
| <code> | Spécifie une portion de texte comme code source. |
| <div> | Spécifie une zone comme un bloc de texte, afin de lui affecter des propriété commune (le plus souvent en CSS). |
| <em> | Texte emphasis, c'est à dire mis en aparté dans le texte courant. Cette balise est souvent interprétée par les navigateurs comme du texte en italique. Cependant ce comportement est celui par défaut, il peut bien sur être sur-charger par le CSS de la page. |
| <h1>, <h2>, ..., <h6> | Titre au sein du corps. Plus le chiffre est faible, plus le titre est important dans la hiérarchie du document. |
| <p> | Spécifie un paragraphe. |
| <pre> | Permet d'afficher une portion de texte telle qu'elle, sans toucher au espace ou au retour à la ligne. Une police de taille fixe est habituellement utilisée. |
| <span> | Balise générique spécifiant une portion du document comme une entité aux propriétés communes (souvent définies dans le CSS). |
| <strong> | Texte mis en valeur (habituellement en gras). |
La balise hypertexte
| <a> | Cette balise est utilisé pour créer des ancres. Elle permet notamment de spécifier un lien hypertexte dans la page (vers une autre page, un ancre locale, un fichier...) |
Les balises de listes
| <ul> | Encadre une liste. |
| <li> | Spécifie un élément de la liste (parmi plusieurs). |
Les balises de formulaire
| <form> | Permet de créer un formulaire sur la page. |
| <input> | Entrée du formulaire (peut être de type bouton radio, champs de texte, de mot de passe...) |
| <textarea> | Large champs de texte multiligne à l'intérieur d'un formulaire. |
Les balises de tableaux
| <table> | Créer un tableau dans le document. Attention : Les tableaux doivent être utilisés uniquement pour classer des informations en doubles entrée, pas pour formater la page (comme on le faisait régulièrement en HTML) |
| <td> | Nouvelle cellule d'un tableau (dans le sens des colonnes) |
| <tr> | Nouvelle ligne d'un tableau. |
La balise image
| <img> | Insère une image dans le document. |
Les balises d'objets
| <object> | Insère un objet dans la page (souvent un objet flash de type swf, mais cela concerne d'autres formats). |
| <a> | Spécifie les paramètres de l'objet (lorsqu'il existe). |
Ajouter un commentaire