Historique : XHTML

XHTML

Accueil > Site Web > XHTML

Voici un petit récapitulatif sur le XHTML

La base

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
   <body>
   </body>
</html>

Dans la partie <head></head>

//Meta

<!-- Auteur de la page -->
 <meta name="author" content="Jean Dupont" />
<!-- Description de la page -->
 <meta name="description" content="La page personnelle de Jean Dupont" />
<!-- Mots-clés de la page -->
 <meta name="keywords" content="expériences, recherche, laboratoire, chimie" />
<!-- Adresse de contact -->
 <meta name="reply-to" content="monadresse@email.com" />
<!-- Empêcher la mise en cache de la page par le navigateur -->
 <meta http-equiv="pragma" content="no-cache" />
<!-- Table de caractères -->
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<!-- Rafraîchissement automatique au bout de 10 secondes -->
 <meta http-equiv="refresh" content="10; URL=http://www.monsite.com" />

//Avec un fichier .css

<link rel="stylesheet" media="screen" type="text/css" title="" href="" /> //fichier html

//Dans le header du fichier XHTML

<style type="text/css">
/* Vous taperez votre code CSS ici */
</style>

Dans la partie <body></body>

//La méthode "à l'arrache" dans les balises :

<h1 style="">

//Titre

<h1> </h1>

à

<h6> </h6>

//Paragraphe

<p></p>

//retour a la ligne

<br />

//Les citations

<q> //dans <p>
<blockquote> //hors <p>

//Mettre en exposant ou en indice

<sup></sup>
<sub></sub>

//Les acronymes

<acronym title="">

//Lien

<a href=""> //title="" est facultatif

//Un lien vers une ancre

<a href="#cuisine">
<h2 id="cuisine">

//Images

<img src="" alt="" /> //title="" est facultatif

//Class //pareil que id a part qu'il peut être utilisé plusieurs fois fois.

<p class="important">
.important

//id //pareil que classe a part qu'il ne peut être utilisé qu'UNE SEULE FOIS.

id="logo"
#logo

//Les balises universelles

<span> </span> //type inline
<div> </div> //type block

//Un tableau simple <table></table>

<tr> </tr> : indique le début et la fin d'une ligne du tableau.
<td> </td> : indique le début et la fin du contenu d'une cellule.

//border-collapse

border-collapse: collapse

collapse : les bordures seront collées entre elles, c'est l'effet qu'on recherche.

separate : les bordures seront dissociées (valeur par défaut)

//Fusion

<td colspan="2"> //Cette cellule est la fusion de 2 cellules
<td rowspan="2"> //en haut des cellules a fusionner