L'essentiel du langage XHTML

6 081 vues

Présentation du XHTML

Cet article va résumer les points importants à retenir en XHTML, pour comprendre le fonctionnement général et les quelques subtilités du langage.

XHTML provient du XML et donc il respecte les règles syntaxiques de celui-ci. C'est un langage de balisage qui permet de créer des sites Internet. Il dit aux navigateurs comment doit s'organiser du contenu sur une page. On peut écrire ce langage dans n'importe quel éditeur de texte (un éditeur avec une coloration syntaxique est préférable).

Il prend en charge le contenu de la page et laisse la mise en forme aux feuilles de styles CSS qui permettent de donner de l'esthétique au contenu. Une page XHTML est donc séparée en un fichier .html et un fichier .css. Pour avoir plus d'informations sur le CSS, lisez cet article.

Un langage de balisage

Ce langage est constitué de balises, d'attributs et de valeurs. Il peut y avoir deux formes de balises :

<balise attribut="valeur">Contenu</balise> <balise attribut="valeur" />

Il faut différencier les balises constituant un block que l'on peut représenter comme un rectangle dans lequel sera situé du contenu. Ce block pourra être positionné d'une manière précise dans la page. Les balises block contiennent des balises inline.

Un exemple de balise block : une balise pour créer un paragraphe.
Un exemple de balise inline : une balise pour mettre en italique un mot.

Une page XHTML est constituée d'une balise principale html dans laquelle toutes les autres balises vont se trouver :

<html></html>

Elle sera séparée en deux parties, head dans laquelle on trouvera les informations comme le titre, les balises meta et link. body contiendra le contenu.

<head></head> <body></body>

Les balises du head

La première balise est title qui contient le titre de la page. Il y a les balises meta qui contiennent des informations utiles pour les moteurs de recherche. Elles ont cette forme :

<meta name="description" content="Articles clairs et simples sur l'informatique pour débutants" />

Les balises link qui permettent d'insérer du contenu CSS ou JavaScript par exemple :

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

Les balises du body

Les balises en XHTML ont un sens, on appelle ça la sémantique. Il existe deux balises universelles qui elles peuvent être utilisées dans tous les cas : div qui crée un block et span qui se place dans un block (inline).

Une liste des balises les plus utilisées en XHTML :

p : permet de créer un paragraphe.
br : crée un retour à la ligne.
ul : permet de créer une liste.
img : permet d'insérer une image.

Pour résumer

Le XHTML est un langage de balisage qui est utilisé pour créer des sites Web.
La balise head contient les informations générales de la page comme le titre ou les fichiers à inclure.
C'est dans la balise body que se trouvera le contenu de la page.

	Vu	Date
Placer des statistiques en PHP sur son site	8 164	06/02/10
Compiler avec GCC sur Linux	14 515	16/02/10
Bloquer le clic droit sur un site web	9 343	23/03/10
Exécuter un script PHP en ligne de commande	9 045	04/04/12
Les injections SQL	7 904	11/02/10

Statistiques Nombre d'inscrits : 262
Dernier membre : Clyderar
Visiteurs en ligne : 20
Membres en ligne : Aucun