Édition : 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

Règles de formatage

_texte_
Faire une emphase (italique)
__texte__
Faire une emphase forte (gras)
@@texte@@
Faire un petit code
''texte|langue|source''
Faire une petite citation
>texte
Faire un paragraphe de citation
[texte|URI|langue|titre]
Faire un lien vers une page, les paramètres sont optionnels
((image|texte alternatif|alignement))
Ajouter une image, alignement peut valoir G(auche), D(roite) ou C(entre)
texte
Tout texte écrit simplement sera transformé en paragraphes.
!titre1, !!titre2, !!!titre3, etc.
Créer un titre d'un niveau égal au nombre de !
-texte ou *texte
Faire une liste d'éléments non numérotés
#texte
Faire une liste d'éléments numérotés
;titre:définition
Faire une définition/liste de définitions
??acronyme|titre??
Faire un acronyme
[ESPACE]texte ou {{{texte}}}
Le texte sera préformaté, utile pour écrire des bouts de code
==== ou ---- (au moins 4)
Une ligne de séparation horizontale
\
Si vous ne voulez pas que la syntaxe wiki s'applique, faites précéder les caractères spéciaux par des anti-slashs.