Visit Mozilla.org

MDC:Référence des balises wiki

Un article de MDC.

Comment aider : contenu
Listes
Pages à traduire
Traductions à relire
Traductions en cours
Guides
Pour commencer
Guide du rédacteur
Guide de nommage des pages
Pages de désambiguation
Commencer une nouvelle localisation de MDC
Copyrights et licences
Références
Référence des balises wiki
Classes CSS personnalisées
Modèles personnalisés
Extensions MediaWiki
Redirections externes

Ce qui suit décrit le balisage wiki spécifique à MDC. Cette documentation indique donc les bonnes règles à suivre. Cependant, ce ne sont que des recommandations car ces règles sont susceptibles d'évoluer dans le temps.

Si vous avez besoin d'utiliser certaines balises contraires à ces recommandations, n'hésitez pas à le faire. Essayez toutefois de vous y conformer le plus possible.

Si vous avez des questions à propos de ces règles d'édition, contactez Eric Shepherd (en anglais), ou allez sur les canaux #devmo (en anglais) ou #frenchmoz (en français) sur irc://irc.mozilla.org.

Sommaire

[modifier] Les bases

[modifier] Sections, paragraphes, nouvelles lignes

Résultat Balises
Sections


Section


Sous-section


Sous-sous-section

Sous-sous-sous-section

Si votre document a besoin de plus de quatre sections, il est recommandé de découper votre page en plusieurs pages et de les lier entre elles.

= Section =

== Sous-section ==

=== Sous-sous-section ===

==== Sous-sous-sous-section ====
Paragraphes et nouvelles lignes

Un simple retour chariot entre deux lignes ne fait rien.

Laisser une ligne blanche

indique un nouveau paragraphe.

Vous pouvez
utiliser la balise « br »
pour forcer
un retour chariot.

Un simple retour chariot entre deux lignes
ne fait rien.

Laisser une ligne blanche

indique un nouveau paragraphe.

Vous pouvez<br />
utiliser la balise « br » <br />
pour forcer<br />
un retour chariot.

[modifier] Formatage du texte

Résultat Balises
Formatage du texte

italique ou emphase

''italique'' ou ''emphase''

gras ou emphase forte

'''gras''' ou '''emphase forte'''

gras italique ou très important

'''''gras italique''''' ou '''''très important'''''

Voici un peu de code intégré comme exemple.

Voici un peu de <code>code intégré</code> comme exemple.
Voici comment faire
    des blocs de
    code.
<pre>
Voici comment faire
    des blocs de
    code.
</pre>
Blocs de citations - ceci est un bloc de citation.
<blockquote>
Blocs de citations - ceci est un bloc de citation.
</blockquote>

Petits caractères.

<small>Petits caractères.</small>

Grands caractères.

<big>Grands caractères.</big>

Barré.

<strike>Barré.</strike>

Souligné.

<u>Souligné.</u>

exposant.

<sup>exp</sup>osant.

indice.

<sub>in</sub>dice.

[modifier] Listes

Résultat Balises
Liste à puces
  • Manuels
    • Référence
    • Guide
  • Articles
    • Tutoriels
      • JavaScript
      • HTML
      • CSS
    • Trucs et astuces
  • FAQ

Les puces, les retraits, et plus encore peuvent être modifiés via CSS.

* Manuels
** Référence
** Guide
* Articles
** Tutoriels
*** JavaScript
*** HTML
*** CSS
** Trucs et astuces
* FAQs
Listes numérotées
  1. Manuels
    1. Référence
    2. Guide
  2. Articles
    1. Tutoriels
      1. JavaScript
      2. HTML
      3. CSS
    2. Trucs et astuces
  3. FAQ

Les numérotations de liste et leurs styles peuvent être modifiés via CSS.

# Manuels
## Référence
## Guide
# Articles
## Tutoriels
### JavaScript
### HTML
### CSS
## Trucs et astuces
# FAQ

[modifier] Liens

Résultat Balises
Liens internes

Lien interne simple vers une autre page...

Le 24 décembre c'est Noël.

Le 24 décembre c'est [[Noël]].

Lien interne avec l'intitulé qui diffère du lien...

Le 24 décembre se trouve être le jour de mon anniversaire.

[[Noël|Le 24 décembre]] se trouve être le jour de mon anniversaire.

Lien interne vers une section particulière d'une autre page...

Liste des anniversaires du jour de Noël.

[[Noël#Anniversaires|Liste des anniversaires du jour de Noël]].

Les éventuels suffixes sont inclus dans le lien...

La nuit, tous les chats sont gris.

La nuit, tous les [[chat]]s sont gris.

Ajouter une signature qui pointe vers votre page utilisateur...

-- Pitchum

ou

-- Pitchum, le 9 juin 2005 à 13:10

~~~

ou

~~~~
Liens externes

Lien direct...

http://www.mozilla.org

http://www.mozilla.org

Lien externe avec intitulé différent du lien...

Le projet Mozilla

[http://www.mozilla.org Le projet Mozilla]
Liens Interwiki

à compléter

à compléter

[modifier] Commentaires

</tr>

Résultat Balises

Ce commentaire n'est pas affiché dans le résultat. Il est exactement comme un commentaire HTML.

Utilisez les commentaires pour laisser des notes et instructions pour les autres rédacteurs, éditeurs et relecteurs.

Ce commentaire n'est pas affiché
dans le résultat. Il est exactement
comme un commentaire HTML.

Utilisez les commentaires pour laisser
des notes et instructions pour les autres
rédacteurs, éditeurs et relecteurs.

<!--- Voici le commentaire. --->

[modifier] Balisage avancé

[modifier] Tableaux

Résultat Balises
Balises HTML

Vous pouvez créer des tableaux en utilisant la syntaxe HTML ou alors en utilisant la syntaxe wiki. La syntaxe wiki est plus légère mais c'est peut-être son seul avantage. Utilisez celle que vous maitrisez le mieux.

<tr> <td>cellule 1</td> <td>cellule 2</td> </tr> </table>
en-tête 1</th>
   <td class="header">en-tête 2</th>
<table class="standard-table">
  <tr>
    <td class="header">en-tête 1</th>
    <td class="header">en-tête 2</th>
  </tr>
  <tr>
    <td>cellule 1</td>
    <td>cellule 2</td>
  </tr>
</table>
en-tête 1 en-tête 2
cellule 1 cellule 2
{| class="standard-table"
|-
|class="header"|en-tête 1
|class="header"|en-tête 2
|-
|-
|cellule 1
|cellule 2
|-
|}

[modifier] Images

Résultat Balises
Images

Image en ligne...

Image:Firefox-logo.png

[[Image:Firefox-logo.png]]

Image en ligne avec texte alternatif...

Firefox - Redécouvrez le Web.

[[Image:Firefox-logo.png|Firefox - Redécouvrez le Web.]]

Image miniature avec texte alternatif...

Fleur en gros plan.

[[Image:Flower.jpg|thumb|Fleur en gros plan.]]

Lien vers une image...

Fleur en gros plan.

[[media:Flower.jpg|Fleur en gros plan.]]

[modifier] Catégories

Chaque page dans le wiki doit faire partie d'au moins une catégorie. Pour ajouter une page à une catégorie, utilisez la syntaxe suivante :

[[Catégorie:NomCategorie]]

Ce lien de catégorie doit être mis en bas de la page après le contenu. Ajoutez autant de lien de catégorie qu'il faut. Par exemple, pour le tutoriel sur l'utilisation de Venkman, la page devrait être dans les catégories « Venkman », « Outils » et « Tutoriels ».

Toutes les catégories, à leur tour, doivent être placées dans Catégorie:Toutes les catégories.


[modifier] Références à des versions dans d'autres langues

Il est toujours utile de disposer de références aux versions de la page écrites dans d'autres langues. Par exemple, pour insérer dans cette page une référence à sa version en portugais, ajoutez simplement la syntaxe suivante à la fin de la page :

[[pt:Referência de Marcação Wiki]]

En d'autres mots, il suffit d'ajouter un lien interne vers la page désirée avec le préfixe indiquant la langue de la page.

Cette référence vers d'autres langues peut aussi s'appliquer aux pages de catégorie.

[modifier] Forcer à ignorer la mise en page Wiki

Si vous avez besoin qu'une portion particulière de votre wiki soit ignorée par le moteur de mise en forme, il vous suffit de l'entourer de balises « nowiki », comme ceci :

<nowiki>'''Cette mise en forme wiki ne sera pas interprétée'''</nowiki>

'''Cette mise en forme wiki ne sera pas interprétée'''

[modifier] HTML dans les textes wiki

Les balises suivantes sont actuellement permises dans la syntaxe wiki :


[modifier] Caractères spéciaux

Résultat Balises

Inflexions et accents :

è é ê ë ì í

À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ ç
è é ê ë ì í
î ï ñ ò ó ô
œ õ ö ø ù ú
û ü ÿ


è é ê ë ì í

&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring;
&AElig; &Ccedil; &Egrave; &Eacute; &Ecirc; &Euml;
&Igrave; &Iacute; &Icirc; &Iuml; &Ntilde; &Ograve;
&Oacute; &Ocirc; &Otilde; &Ouml; &Oslash; &Ugrave;
&Uacute; &Ucirc; &Uuml; &szlig; &agrave; &aacute;
&acirc; &atilde; &auml; &aring; &aelig; &ccedil;
&egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc;
&oelig; &otilde; &ouml; &oslash; &ugrave; &uacute;
&ucirc; &uuml; &yuml;

Ponctuation :
¿ ¡ « » § ¶
† ‡ • - – —

&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull; - &ndash; &mdash;

Symboles commerciaux :
™ © ® ¢ € ¥

£ ¤
&trade; &copy; &reg; &cent; &euro; &yen;
&pound; &curren;
Caractères grecs :

α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω

&alpha; &beta; &gamma; &delta; &epsilon; &zeta;
&eta; &theta; &iota; &kappa; &lambda; &mu; &nu;
&xi; &omicron; &pi; &rho;  &sigma; &sigmaf;
&tau; &upsilon; &phi; &chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi;
&Sigma; &Phi; &Psi; &Omega;

Caractères mathématiques :
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔
→ ↔ ↑

&int; &sum; &prod; &radic; &minus; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge; 
&times; &middot; &divide; &part; &prime; &Prime;
&nabla; &permil; &deg; &there4; &alefsym; &oslash;
&isin; &notin; &cap; &cup; &sub; &sup; &sube; &supe;
&not; &and; &or; &exist; &forall; &rArr; &hArr;
&rarr; &harr; &uarr;
x2   ≥   0 vrai.
  • Pour espacer les mots, utilisez des espaces insécables - &nbsp;.
  • &nbsp; protège également des césures de ligne au milieu du texte, ce qui peut être utile pour des formules.
<i>x</i><sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 vrai.

[modifier] Extensions utiles pour Firefox

[modifier] Autres références

[modifier] Externes