Tableaux de base

De Gamepedia Help Wiki
Aller à : navigation, rechercher

Les tableaux peuvent être rédigés dans des pages wiki en utilisant directement les éléments de la table XHTML ou en utilisant la mise en forme wikicode pour définir le tableau. Les éléments de tableau XHTML et leur utilisation sont bien décrits sur diverses pages web et ne seront pas abordés ici. L'avantage de wikicode est que le tableau est construit des caractères qui ont tendance à faciliter la perception de la structure du tableau dans la vue d'édition de l'article par rapport aux éléments de tableau XHTML.

NOTE :
Prof hydra.svg En règle générale, il est préférable d'éviter d'utiliser un tableau sauf si vous en avez besoin. Le balisage de tableau complique souvent l'édition de la page.

Résumé du balisage des tableaux de wiki[modifier | modifier le wikicode]

{| début du tableau
|+ légende du tableau, optionnelle ; seulement entre le début du tableau et la première ligne du tableau
|- ligne de tableau, optionnelle sur la première ligne ; le moteur de wiki admet la première ligne
! cellule d'en-tête de tableau, optionnelle. Des cellules d'en-tête de tableau consécutives peuvent être ajoutées sur la même ligne en étant séparées par deux points d'exclamation (!!) ou commencer sur de nouvelles lignes, chacune avec son propre point d'exclamation (!).
| cellule de données de tableau, obligatoire. Des cellules de données de tableau consécutives peuvent être ajoutées sur la même ligne en étant séparées par deux barres verticales (||) ou commencer sur de nouvelles lignes, chacune avec sa propre barre verticale (|).
|} fin du tableau
  • Les marques ci-dessus doivent commencer sur une nouvelle ligne à l'exception des doubles marques || et !! pour ajouter optionnellement des cellules consécutives à une ligne. Cependant, les espaces vides au début d'une ligne sont ignorés.
  • Attributs XHTML. Chaque marque, à l'exception de la fin du tableau, accepte optionnellement un ou plusieurs attributs XHTML. Les attributs doivent être sur la même ligne que la marque. Séparez les attributs les uns des autres avec un seul espace.
    • Les cellules et la légende (| ou ||, ! ou !! et |+) contiennent du contenu. Séparez donc tous les attributs du contenu avec une seule barre verticale (|). Le contenu de la cellule peut suivre sur la même ligne ou sur les lignes suivantes.
    • Les marques de tableau et de ligne ({| et |-) ne contiennent pas directement du contenu. N'ajoutez pas de barre verticale (|) après leurs attributs optionnels. Si vous ajoutez par erreur une barre verticale après les attributs de la marque de tableau ou de la marque de ligne, l'analyseur l'effacera, ainsi que votre dernier attribut s'il touchait la barre verticale erronée !
  • Le contenu peut (a) suivre sa marque de cellule sur la même ligne après tout attribut XHTML optionnel ou (b) sur des lignes sous la marque de cellule. Le contenu qui utilise du balisage wiki qui, lui-même, doit commencer sur une nouvelle ligne, comme les listes, les en-têtes ou les tableaux imbriqués, doit être sur sa propre ligne.
    • La barre verticale en tant que contenu. Pour insérer une barre verticale (|) dans un tableau, utilisez le balisage d'échappement <nowiki>|</nowiki>.

Notions de base[modifier | modifier le wikicode]

Le tableau suivant manque de bordures et de bons espacements mais montre la structure de tableau de balisage wiki la plus simple.

Vous écrivez Vous obtenez
{|
|Moniteur
|Souris
|-
|Manette
|Clavier
|-
|Carte mère
|Carte graphique
|}
Moniteur Souris
Manette Clavier
Carte mère Carte graphique

Les cellules d'une même ligne peuvent être listées sur une ligne en étant séparées par || (deux barres verticales). Si le texte de la cellule contient un saut de ligne, utilisez <br> à la place.

Vous écrivez Vous obtenez
{|
|Moniteur||Souris||plus
|-
|Manette||Clavier||plus
|-
|Carte<br>mère||Carte<br>graphique||et<br>plus
|}
Moniteur Souris plus
Manette Clavier plus
Carte
mère
Carte
graphique
et
plus

Les espaces supplémentaires dans les cellules de balisage wiki, comme dans le balisage wiki ci-dessous, n'affectent pas le rendu réel du tableau.

Vous écrivez Vous obtenez
{|
|  Moniteur   ||   Souris   ||   plus
|-
|  Manette   ||   Clavier   ||   plus
|-
|  Carte mère   || Carte graphique ||  et plus
|}
Moniteur Souris plus
Manette Clavier plus
Carte mère Carte graphique et plus

Vous pouvez également avoir du texte plus long ou une syntaxe wiki plus complexe à l'intérieur des cellules du tableau :

Vous écrivez Vous obtenez
{|
|Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, 
sed diam voluptua. 

At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet. 
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt
Il y a plus de choses à savoir sur les tableaux ! Lire la suite ici : Tableaux avancés.