Aide:Syntaxe
Cette page vous présente la syntaxe propre à wikilivres. Il résume sous la forme de tableaux les différentes mises en forme possibles. La colonne de gauche indique les codes à saisir, et celle de droite l'effet obtenu.
Pour mettre en forme vos pages, Wikilivres permet d'introduire certains codes ; les plus courants sont :
Syntaxe wikilivres | Résultat |
---|---|
''texte en italique''(apostrophes et non guillemets) |
texte en italique |
'''texte en gras''' |
texte en gras |
* liste * à * puce |
|
# liste # numérotée |
|
==Titre de section== |
Titre de section |
===Titre de sous-section=== |
Titre de sous-section |
Vous pouvez effectuer vos tests sur le Bac à sable qui est réservé à cet usage. Il est également recommandé d'utiliser la prévisualisation pour voir les effets des modifications avant publications.
En cas de doute sur la syntaxe à utiliser, regardez le code source des pages existantes ou demandez sur le bistro.
Table des matières
Une table des matières est créée automatiquement si la page comporte au moins 4 titres ou sous-titres, comme cette page par exemple.
Pour supprimer le sommaire automatique, il suffit de mettre quelque part __NOTOC__.
Pour générer le sommaire automatique à l'emplacement par défaut (avant le premier titre), pour contrer l'effet de __NOTOC__ ou quand il y a 3 sections ou moins, il suffit de mettre quelque part __FORCETOC__ ou __FORCERSOMMAIRE__.
Pour modifier l'emplacement de la table des matières : insérer __TOC__ ou __SOMMAIRE__ là où vous désirez voir apparaître la table.
Sections, paragraphes et lignes
Pour les titres :
Syntaxe wikilivres | Résultat |
---|---|
== Nouvelle section == |
Nouvelle section |
=== Nouvelle sous-section === |
Nouvelle sous-section |
==== Nouveau paragraphe ==== |
Nouveau paragraphe |
===== Nouveau sous-paragraphe ===== |
Nouveau sous-paragraphe |
Les notations ci-dessus sont respectivement équivalentes à l'utilisation des balises HTML <h2>...</h2>, <h3>...</h3> et <h4>...</h4>.
Syntaxe wikilivres | Résultat |
---|---|
Un simple saut à la ligne n'a aucun effet. |
Un simple saut à la ligne n'a aucun effet. |
Mais une ligne vide permet de séparer les paragraphes. |
Mais une ligne vide
permet de séparer les paragraphes. |
Voilà comment il faut faire<br/> pour aller à la ligne. |
Voilà comment il faut faire
pour aller à la ligne. |
Listes
Listes ordonnées et non-ordonnées
Syntaxe wikilivres | Résultat |
---|---|
* Les listes sont bien pratiques : ** Elles permettent d'organiser les données ** Elles embellissent le document |
|
# Les listes numérotées sont également bien pratiques # Bien organisées ## Faciles à lire |
|
<div class="list-upper-roman"> # Premier item numéroté en chiffres romains (majuscules) # Deuxième item numéroté en chiffres romains (majuscules) # Troisième item numéroté en chiffres romains (majuscules) </div> |
|
<div class="list-lower-latin"> # Premier item numéroté par des lettres minuscules # Deuxième item numéroté par des lettres minuscules # Troisième item numéroté par des lettres minuscules </div> |
|
:Les lignes peuvent être ::indentées :::sur plusieurs niveaux |
|
Avec tout cela, il est maintenant possible de mélanger les types de listes : | |
*Une liste numérotée : :#Premier élément :#Second élément *d'autres branches à l'arborescence |
|
Mélange de type de listes
Plusieurs types de listes peuvent se trouver sur la même page.
Syntaxe wikilivres | Résultat |
---|---|
* Item non ordonné * Un autre item * Et un dernier # Item ordonné 1 # Item ordonné 2 # Item ordonné 3 |
|
Les items des deux listes ne sont pas alignés car chacun des deux types de liste a des marges différentes.
Pour les recettes de cuisine (liste non ordonnée d'ingrédient puis liste ordonnée d'étapes), l'alignement est corrigé.
Pour les autres pages, il est possible d'utiliser la classe CSS unilist
sur un élément <div>
encadrant la liste.
Syntaxe wikilivres | Résultat |
---|---|
<div class="unilist"> * Item non ordonné * Un autre item * Et un dernier # Item ordonné 1 # Item ordonné 2 # Item ordonné 3 </div> |
|
Listes de définitions
Syntaxe wikilivres | Résultat |
---|---|
; Terme à expliquer : explication du terme... : ...sur plusieurs lignes. ; Autre terme : autre définition... |
|
Formatage de paragraphe
Syntaxe wikilivres | Résultat |
---|---|
SI (une ligne commence par une espace) ALORS elle apparaîtra exactement telle qu'elle a été saisie; dans une police non proportionnelle; les sauts de ligne ne seront pas automatiques ; FIN SI C'est bien utile pour : • copier/coller un texte pré-formaté ; <br/><br/> • des descriptions d'algorithmes ; |
SI (une ligne commence par une espace) ALORS elle apparaîtra exactement telle qu'elle a été saisie ; dans une police non proportionnelle ; les sauts de ligne ne seront pas automatiques ; FIN SI C'est bien utile pour : • copier/coller un texte pré-formaté ; • des descriptions d'algorithmes ; |
<div style="text-align: center;">Le texte est centré.</div> |
Le texte est centré.
|
Une ligne horizontale : texte au-dessus ---- et texte en-dessous. |
Une ligne horizontale : texte au-dessus
et texte en-dessous. |
Citation
{{BlocCitation|Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc avec guillemets français par défaut.|auteur=[[Modèle:BlocCitation|fr.wikibooks.org]]}}
« | |
Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc avec guillemets français par défaut. | |
» | |
— fr.wikibooks.org |
{{Début citation|fr.wikibooks.org}} Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc. {{Fin citation|fr.wikibooks.org}}
« Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc. »
— fr.wikibooks.org
- Plus de modèles ici : Modèle citation
Plusieurs colonnes
La présentation du texte peut se faire sur plusieurs colonnes. La syntaxe suivante est adaptative : sur les vues de largeur moindre (mobile par exemple), le texte sera affiché sur une seule colonne.
- 2 colonnes
<div class="flex-content"> <div class="flex-content-half"> ...colonne 1... </div> <div class="flex-content-half"> ...colonne 2... </div> </div>
- 3 colonnes
<div class="flex-content"> <div class="flex-content-third"> ...colonne 1... </div> <div class="flex-content-third"> ...colonne 2... </div> <div class="flex-content-third"> ...colonne 3... </div> </div>
Liens, adresses internet et images
Les liens
Syntaxe wikilivres | Résultat |
---|---|
Lien vers [[Accueil]]. |
Lien vers Accueil. |
La première lettre apparaît automatiquement en majuscule. Les espaces sont convertis en « _ ».
Pour créer une nouvelle page, créez d'abord un lien vers cette page, puis cliquez sur le lien en rouge qui apparaît.
Syntaxe wikilivres | Résultat |
---|---|
Le même lien, mais avec un nom différent : [[Accueil|page d'accueil]]. |
Le même lien, mais avec un nom différent : |
Les liens ne peuvent contenir que des lettres et des espaces !
Syntaxe wikilivres | Résultat |
---|---|
[[La sexualité des mouches dans le Vercors oriental]] est une page qui n'existe pas encore. |
La sexualité des mouches dans le Vercors oriental est une page qui n'existe pas encore. |
Vous pouvez la créer en cliquant simplement sur le lien. Après l'avoir créée, faites une recherche sur son titre, et assurez-vous que les autres pages y font correctement référence.
Pour les pages d'homonymie, il existe un raccourci pour cacher le domaine :
Syntaxe wikilivres | Résultat |
---|---|
la planète [[Jupiter (planète)|]] |
la planète Jupiter |
Pour référencer les pages utilisateur, il existe un raccourci pour éviter de taper deux fois le nom :
Syntaxe wikilivres | Résultat |
---|---|
[[Utilisateur:Dupont|]] est équivalent à [[Utilisateur:Dupont|Dupont]] |
Dupont est équivalent à Dupont |
Syntaxe wikilivres | Résultat |
---|---|
Lien vers les commentaires associés à cette page ou a une page du domaine Wikipédia : [[Discussion_Wikipédia:Comment modifier une page]]<br /> Lien vers une discussion d'une page normale du Wikipédia [[Discuter:Accueil]] |
Lien vers les commentaires associés à cette page ou à une page du domaine Wikipédia :
Discussion Wikipédia:Comment modifier une page |
#REDIRECT [[France]] |
Redirection d'une page vers une autre en mettant ce texte dans la première ligne. |
[[:en:Wikilivres:How to edit a page]] <br /><br /> [[:en:Wikilivres:How to edit a page|Cette page en anglais]] <br /><br /> [[:en:Wikilivres:How to edit a page|]] |
Il existe une notation pour référencer une page sur un projet wikibooks dans une autre langue : en:Wikilivres:How to edit a page
|
[[wikt:Mot]] <br /><br /> [[wikt:Mot|Mot]] ou directement [[wikt:Mot|]] <br /><br /> [[wikt:en:Word]] ou [[wikt:en:Word|Word]] |
Pour référencer un mot sur Wiktionary : wikt:Mot
|
Les liens internes, les ancres
Syntaxe wikilivres | Résultat |
---|---|
<span id="ancre_1">ancre 1.</span> <span id="ancre_2">ancre 2.</span> Remarquez que la balise <span> n'est effectivement pas censée avoir d'effet de mise en forme. Elle n'est là que parce qu'il est nécessaire d'utiliser une balise HTML afin d'y placer un paramètre id qui indique le nom de l'ancre. Ça devrait pouvoir être n'importe quelle balise HTML que le wiki reconnaît. |
Les ancres : ancre 1. ancre 2. Ces deux lignes sont des ancres vers lesquelles des liens internes à cette pages peuvent pointer. Des liens de pages externes aussi, d'ailleurs. |
[[Wikilivres:Syntaxe wikilivres/Lien ancré#ancre_1|lien]] vers l'ancre 1 externe. [[Wikilivres:Syntaxe wikilivres/Lien ancré#ancre_2|lien]] vers l'ancre 2 externe. On crée un lien normalement, en ajoutant un dièse (#) suivi du nom de l'ancre vers laquelle le lien pointe à la fin du nom de la page pointée. |
Les liens vers des ancres externes sont des liens normaux qui pointent vers une ancre de la page vers laquelle ils dirigent. lien vers l'ancre 1 externe. lien vers l'ancre 2 externe. Ces deux ancres se trouvent sur la page d'explication des liens ancrés. |
[[#ancre_1|lien vers l'ancre 1]]. [[#ancre_2|lien vers l'ancre 2]]. Le nom de la page courante est toutefois implicite. |
Les liens internes sont des liens normaux qui pointent vers des ancres de la page courante : |
Les adresses internet
Syntaxe wikilivres | Résultat |
---|---|
Lien externe : [http://www.nupedia.com Nupedia] |
Lien externe : Nupedia |
Mais l'adresse internet suffit : http://www.nupedia.com. |
Mais l'adresse internet suffit : http://www.nupedia.com. (Bien pratique si on veut imprimer la page.) |
Il existe toute une liste de préfixes utilisables ainsi: [[prefixe:valeur]].
Une liste complète est disponible sur m:Interwiki map (en anglais)
Exemple: [[google:Wikipédia]] donne ceci
Remarque : attention à ne pas créer de lien vers des publicités, des sites criblés de fautes d'orthographe ou hors sujet.
Les images
Résultat | Syntaxe wikilivres |
---|---|
Insérer une image :
Pour l'accessibilité des mal-voyants, il est conseillé d'ajouter le "nom de l'image", ceci permet au lecteur vocal ou à la tablette braille de fournir un descriptif parlant, là où il y a une image. Voir w:Wikipédia:Règles d'utilisation des images pour de plus amples informations à ce sujet. |
[[Image:wiki-exemple.png]]ou [[Image:wiki-exemple.png|nom de l'image]] |
Faire "flotter" une image Quand une image n'occupe pas la largeur de la page, il peut être agréable de la placer à gauche et que le texte s'écrive le long de celle-ci du côté droit. |
|
Faire "flotter" plusieurs images Plusieurs images qui "flottent" à la suite elles se positionnent les unes à côté des autres. Il est possible de forcer l'affichage d'images les unes en dessous des autres. Pour un meilleur rendu, cette astuce est à utiliser avec des images qui font la même largeur (voir ci dessous "Syntaxe étendue pour les images" pour imposer la taille des images). |
[[Image:Icon_no.png|left]][[Image:Icon_yes.png|left]] Pour faire flotter un à côté de l'autre.
|
Syntaxe étendue pour les images
Résultat | Syntaxe wikilivres |
---|---|
Une syntaxe étendue permet de contrôler la taille et la position des images: Les options disponibles sont les suivantes (si plusieurs options sont présentes, elles doivent être séparées par un signe
|
|
Mise en forme des caractères
Syntaxe wikilivres | Résultat |
---|---|
''Faire ressortir un mot'', '''un peu plus''', '''''encore plus'''''. '''F''' = ''m'' '''a'''. |
Faire ressortir un mot, un peu plus, encore plus. À utiliser également dans les formules : F = m a. |
Police machine à écrire pour les<code>termes techniques</code> |
Police machine à écrire pour les termes techniques .
|
Vous pouvez <strike>barrer</strike> certains mots et <u>en souligner d'autres...</u> |
Vous pouvez |
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Õ Œ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ œ ö ø ù ú û ü ÿ |
Umlauts et accents : À Á Â Ã Ä Å Æ |
¿ ¡ « » § ¶ † ‡ • |
Ponctuations : ¿ ¡ « » § ¶ † ‡ • |
™ © ® ¢ € ¥ £ ¤ |
Caractères spéciaux : ™ © ® ¢ € ¥ £ ¤ |
Indice : x<sub>2</sub> et Exposant : x<sup>2</sup> |
Indice (subscript en anglais) : x2 et Exposant (superscript en anglais) : x2 |
α β γ δ ε ζ η θ ι κ λ μ ν ξ π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω |
Caractères grecs : α β γ δ
ε ζ η |
∫ ∑ ∏ √ ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ → × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ℵ ø ∈ ∋ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔ |
Caractères mathématiques : (cf. Wikilivres:Caractères spéciaux) ∫ ∑ ∏ √ ± ∞ |
;x<sup>2</sup> ≥ 0 |
Plus d'espace que d'habitude, sans saut de ligne : x2 ≥ 0 est vrai. Utile pour les formules. |
<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math> |
Formules mathématiques compliquées :
|
<nowiki>Lien → (<i>vers</i>) la [[w:Wikipédia:FAQ|]]</nowiki> |
Suppression de l'interprétation de la syntaxe wiki : Lien → (<i>vers</i>) la [[w:Wikipédia:FAQ|]]
|
Formules mathématiques ou chimiques
Les balises <math> et <chem> permettent l'écriture de formules mathématiques et chimiques (respectivement) dans les chapitres des livres, au format LaTeX.
- La balise <math> est celle qui est préférablement utilisée pour les mathématiques.
- La balise <chem> est celle qui est préférablement utilisée pour les formules chimiques. Elle est un raccourci de la syntaxe
<math chem>\ce{ ... }</math>
.
Exemples :
<math>x=1+2/3</math> |
|
<chem>x=1+2/3</chem> |
|
<math>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math> |
|
<chem>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem> |
|
<math>x=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}</math> |
|
<chem>x=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}</chem> |
|
<chem>2R3B\ + 3CO\ + 4H^- ->[\text{DG}][\text{45°}] ->[\text{KOH}] 4ROH\ + 2 RCH2OH</chem> |
|
<math chem>\ce{2R3B\ + 3CO\ + 4H^- ->[\text{DG}][\text{45°}] ->[\text{KOH}] 4ROH\ + 2 RCH2OH}</math> |
|
L'attribut display
permet de modifier l'affichage de la formule[1] :
- la valeur
inline
diminue la taille pour une meilleur intégration dans les lignes du texte. - la valeur
block
place la formule dans un paragraphe séparé, centré par défault.
La formule est <math display="inline">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math> au milieu du texte. |
La formule est au milieu du texte. |
La formule est <chem display="inline">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem> au milieu du texte. |
La formule est au milieu du texte. |
La formule est <math display="block">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math> au milieu du texte. |
La formule est au milieu du texte. |
La formule est <chem display="block">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem> au milieu du texte. |
La formule est au milieu du texte. |
Tableaux
Les tableaux sont introduits par une accolade ouvrante suivie d'une barre verticale {|
.
La fin est indiquée par une ligne de fermeture composée d'une barre verticale suivie d'une accolade fermante |}
.
Entre les deux lignes, les lignes commençant par une barre verticale concernent la composition du tableau :
|+ texte
- (optionnel) Légende pour le tableau.
| texte
- Contenu d'une nouvelle cellule dans le tableau. Le contenu peut s'étaler sur plusieurs lignes.
! texte
- Contenu d'une nouvelle cellule d'entête de tableau. Le point d'exclamation remplace la barre verticale pour indiquer qu'il s'agit d'une cellule d'entête plutôt que de contenu. Elle est affichée en gras et son contenu est centré.
|-
- Déclarer une nouvelle ligne de cellules dans le tableau. Cette ligne peut contenir des attributs (en général style ou class).
Les cellules peuvent avoir des attributs en utilisant la syntaxe suivante :
| attributs | contenu
Pour les cellules d'entêtes, une syntaxe similaire est utilisable en remplaçant la barre en début de ligne par un point d'exclamation :
! attributs | contenu d'entête
Il est possible de rassembler plusieurs cellules sur une ligne wiki en utilisant deux barres verticales à la suite pour les séparer :
| cellule 1 || cellule 2
- Exemple
Premier en-tête | Deuxième en-tête | Troisième en-tête |
---|---|---|
Haut gauche | Haut milieu | Côté droit |
Bas gauche | Bas milieu | |
ligne du bas |
- Syntaxe wiki
{| class="wikitable" |+Un exemple de tableau |- ! Premier en-tête ! Deuxième en-tête ! Troisième en-tête |- | Haut gauche | Haut milieu | rowspan="2" | Coté droit |- | Bas gauche | Bas milieu |- | colspan="3" align="center" | Ligne du bas |}
La ligne d'ouverture d'une table peut être suivie d'attributs pour la table (en général class et parfois style). Les classes disponibles pour les tables sont les suivantes :
- wikitable
- Style prédéfini pour les tables avec bordures (voir l'exemple précédent).
- sortable
- Permet de trier les lignes selon l'entête de colonne cliqué. Le premier clic classe dans l'ordre croissant, le deuxième dans l'ordre décroissant et le troisième restaure l'ordre original.
- altlines1
- Alternance de la couleur de fond des lignes. L'alternance est conservé après le tri.
- altlines2
- Alternance de la couleur de fond des lignes, alternative à altlines1.
- Exemple
Mois | Nouveaux contributeurs | Nouvelles pages de livres |
---|---|---|
Janvier | 25 | 125 |
Février | 11 | 58 |
Mars | 18 | 321 |
Avril | 41 | 273 |
Mai | 8 | 1008 |
Juin | 17 | 215 |
Juillet | 23 | 310 |
Août | 11 | 145 |
Septembre | 52 | 150 |
Octobre | 45 | 318 |
Novembre | 19 | 875 |
Décembre | 29 | 414 |
- Syntaxe wiki
{| class="wikitable sortable altlines1" |+ Un exemple de tableau triable |- ! Mois ! Nouveaux contributeurs ! Nouvelles pages de livres |- | Janvier || 25 || 125 |- | Février || 11 || 58 |- | Mars || 18 || 321 |- | Avril || 41 || 273 |- | Mai || 8 || 1008 |- | Juin || 17 || 215 |- | Juillet || 23 || 310 |- | Août || 11 || 145 |- | Septembre || 52 || 150 |- | Octobre || 45 || 318 |- | Novembre || 19 || 875 |- | Décembre || 29 || 414 |}
Les cellules peuvent être hachurées pour les cas inexistants ou non applicables :
- Exemple
Syntaxe wikilivres | Résultat | ||||||
---|---|---|---|---|---|---|---|
{| class="wikitable" |- ! Premier en-tête ! Deuxième en-tête |- | A | B |- | C | class="hachure" | |} |
|
Pour avoir tous les détails, voir la sous-page de la syntaxe des tableaux dans la Wikipédia;
Voir également mw:Markup spec/DTD, la page d'aide sur les tableaux sur Wikipedia et Wikilivres:Modèles
Commentaire
Attention, les commentaires dans les pages sont strictement réservés à la maintenance de la page. Les commentaires sur le contenu de la page sont à mettre dans la page discussion attachée à la page en question.
<!-- Note : Cette page est en cours de rédaction, veuillez patienter avant de l'éditer. -->
Identification dans les pages de discussion
Syntaxe wikilivres | Résultat |
---|---|
~~~ (3 tildes) |
Seulement le pseudonyme : |
~~~~ (4 tildes) |
Pseudonyme et date : |
~~~~~ (5 tildes) |
Date : |
Catégories
Pour la syntaxe propre à l'utilisation des catégories, voir la page Wikilivres:Catégories
Coloration syntaxique
L'extension GeSHi permet de colorer le code source de beaucoup de langages (programmation et autres).
Il suffit de placer le code source tel quel entre les balises <syntaxhighlight lang="langage">
et </syntaxhighlight>
.
Exemple en HTML 5 :
Syntaxe wikilivres | Résultat |
---|---|
<syntaxhighlight lang="html5"> <!DOCTYPE html> <html> <head><title>Exemple illustratif de la syntaxe</title></head> <body>Exemple illustratif de la syntaxe sur fr.wikibooks.org</body> </html> </syntaxhighlight> |
<!DOCTYPE html>
<html>
<head><title>Exemple illustratif de la syntaxe</title></head>
<body>Exemple illustratif de la syntaxe sur fr.wikibooks.org</body>
</html>
|
Ou en shell Bash :
Syntaxe wikilivres | Résultat |
---|---|
<syntaxhighlight lang="bash"> #!/bin/sh export SITE=fr.wikibooks.org echo Ceci permet d'illustrer la syntaxe à utiliser. mkdir archives && cp pages/*.html archives </syntaxhighlight> |
#!/bin/sh
export SITE=fr.wikibooks.org
echo Ceci permet d'illustrer la syntaxe à utiliser.
mkdir archives && cp pages/*.html archives
|
Voir :
- anglais Extension SyntaxHighlight
Veillez à ne pas trop utiliser la coloration syntaxique pour pouvoir générer une version imprimable, particulièrement dans les livres de programmation :
- ne pas l'utiliser pour les petits extraits de code ou pour du code inclut dans le texte ;
- ne pas l'utiliser pour les extraits de code peu colorés ;
- ne pas l'utiliser pour les langages non supportés ou peu colorés (ex : bash) ;
- si possible, groupez plusieurs blocs ensemble en les séparant par des commentaires.
Remplacez-les par <pre>
ou une indentation d'un caractère espace pour les blocs de code ; ou par <code>
pour du code dans le texte.
Les erreurs à éviter
Les conseils suivants vous indiquent les erreurs courantes à éviter :
- Évitez d'utiliser les signes inférieur (
<
) et supérieur (>
) - Ces deux signes sont interprétés par le système wiki et le navigateur.
- Pour insérez ces signes, utilisez les entités HTML lt et gt :
< pour < (Lower Than en anglais)
> pour > (Greater Than en anglais)
- Pour indiquer un paramètre formel dans une syntaxe, utilisez une mise en forme plutôt que les signes
<
et>
(italique par exemple) :Afficher( expression )
- Évitez d'utiliser certaines balises de formatage HTML
- Même si le résultat est équivalent, il est préférable d'utiliser l'équivalent wiki, afin d'avoir un code wiki plus simple :
Balisage HTML | Équivalent wiki |
---|---|
<br/> ou <p/>
|
Utilisez un double saut de ligne pour passer au paragraphe suivant. |
<b>Un texte en gras</b>
|
'''Un texte en gras''' Encadrez le texte par les triples apostrophes. |
<i>Un texte en italique</i>
|
''Un texte en italique'' Encadrez le texte par les doubles apostrophes. |
<pre>Du texte préformaté</pre>
|
Du texte préformaté Commencez chaque ligne par le caractère espace. |
<ul>
|
*premier item non ordonné *deuxième item non ordonné Commencez chaque ligne par une étoile pour chaque item de la liste. |
<ol>
|
#premier item numéroté #deuxième item numéroté Commencez chaque ligne par un dièse pour chaque item de la liste. |
<dl>
|
;Terme 1:Définition du terme 1 ;Terme 2:Définition du terme 2 Chaque ligne commence par le terme précédé d'un point-virgule, immédiatement suivi du caractère deux-points et de la définition. |
<small>Du texte petit</small>
|
<span style="font-size:85%;">Du texte petit</span> Utilisez les styles plutôt que les balises de formatage direct. |
<big>Du texte grand</big>
|
<span style="font-size:120%;">Du texte grand</span> Utilisez les styles plutôt que les balises de formatage direct (de plus, |
<font color="blue" size="+1">Du texte bleu de grande taille</font>
|
<span style="font-size:18pt;color:blue;">Du texte bleu de grande taille</span> Utilisez les styles plutôt que les balises de formatage direct (de plus, |
<div style="display:inline-block;">...</div>
|
<span>...</span>
Il n'est plus possible d'utiliser d'éléments avec |
La balise <font>
, obsolète en HTML5, permettait de changer la taille et la couleur du texte.
Il est recommandé de la remplacer par une balise <span>
avec un attribut style pour spécifier la couleur (color) et la taille (font-size).
Le tableau ci-dessous donne l'équivalence entre les valeurs possible de size de la balise <font>
et les valeurs pour font-size.
Taille absolue, élément obsolète | Taille relative, élément obsolète | CSS font-size équivalent | CSS font-size équivalent en points |
---|---|---|---|
font-size: xx-small | font-size: 7pt | ||
<font size=1> |
<font size=-2> |
font-size: x-small | font-size: 8pt |
<font size=2> |
<font size=-1> |
font-size: small | font-size: 10pt |
<font size=3> |
<font size=+0> |
font-size: medium | font-size: 12pt |
<font size=4> |
<font size=+1> |
font-size: large | font-size: 14pt |
<font size=5> |
<font size=+2> |
font-size: x-large | font-size: 18pt |
<font size=6> |
<font size=+3> |
font-size: xx-large | font-size: 24pt |
<font size=7> |
<font size=+4> |
font-size: xxx-large | font-size: 36pt |
Pour la coloration, pour pouvez utiliser les modèles existants comme {{Vert}}, {{Rouge}}, {{Orange}} ...
Cependant, évitez d'utiliser des couleurs dans le texte car cela peut rendre la lecture plus difficile surtout quand les couleurs sont mal choisies.
Pour la coloration syntaxique, utilisez plutôt la balise <syntaxhighlight lang="langage">
pour le langage approprié : css
, html
, xml
, json
, java
, c++
...
- Fermez les balises ouvertes
- Toute balise HTML ouverte doit être suivie d'une balise fermante.
- N.B. : Quand plusieurs balises sont imbriquées, les fermetures se font dans l'ordre inverse de celui des ouvertures. Exemple :
<div style="color:blue;">
Voici
<span style="font-size:85%;">
un petit texte
</span>
au milieu d'un texte bleu de taille normale.
</div>
- Utilisez la prévisualisation
- Après une modification, utilisez le bouton "Prévisualisation" avant de sauvegarder pour vérifier l'apparence de la page corrigée.
Références en bas de page
Les références dans le texte sont notamment utilisées pour lister des sources externes (URL, ouvrage, ...) et pour créer des notes de base de page. La syntaxe emploie deux balises :
- La balise <ref> ajoute une référence à une note de bas de page là ou elle est placée dans le texte ;
- La balise <references> contient toutes les références définies dans la page.
Par exemple, cette page d'aide contient une référence définie plus haut avec <ref> :
L'attribut <code>display</code> permet de modifier l'affichage de la formule<ref>[[mw:Extension:Math/Displaystyle|Extension Displaystyle]] sur le site de mediawiki.</ref>
Le contenu de la balise n'est pas affiché ; à la place, il y a un lien numéroté entre crochet : [1], puis [2] pour la suivante, ... Le contenu de ces balises est affiché sous la forme d'une liste numérotée là où est placée la balise <references>, notamment ici :
- ↑ Extension Displaystyle sur le site de mediawiki.
Syntaxe wikilivres | Résultat |
---|---|
Phrase<ref>http://URL.com</ref> === Références === <references/> |
Phrase[1]
Références |
Il est possible d'appeler la même note<ref name="nom de la ref">texte de la note nommée</ref> en plusieurs endroits différents comme ceci<ref name="nom de la ref" /> === Références === <references/> |
Il est possible d'appeler la même note[1] en plusieurs endroits différents comme ceci[1]
Références |
Groupes
Il est possible de séparer les notes en différents groupes, en définissant par exemple un groupe pour les sources externes nommé « source » et un autre pour les notes de bas de pages nommé « note ».
Le nom du groupe doit alors être spécifié avec l'attribut group
dans les balises <ref> et <references> comme dans l'exemple ci-dessous :
Syntaxe wikilivres | Résultat |
---|---|
Ceci est un texte<ref group="note">Un texte d'exemple</ref> illustrant le groupement des références<ref group="source">https://fr.wikibooks.org/wiki/Aide:Syntaxe</ref> se terminant avec une seconde note de bas de page<ref group="note">Dont le contenu n’apparaît pas directement dans le texte.</ref>. Notes de bas de page : Sources : |
Ceci est un texte[note 1] illustrant le groupement des références[source 1] se terminant avec une seconde note de bas de page[note 2]. Notes de bas de page : Sources : |
Références définies en bas de page
La définition du contenu peut se faire classiquement dans le texte, dans le contenu de la balise <ref>. Le texte peut réutiliser les mêmes références en la nommant comme vu précédemment. Pour un même nom, le contenu ne doit être défini qu'une seule fois, sinon une erreur se produit. Éviter cette erreur est difficile dans un long texte, ou quand il y a beaucoup de références.
Dans ce cas, pour mieux gérer les références, il est possible de définir le contenu dans la balise <references> sous forme de balises <ref> nommées. Le texte de la page ne contient alors plus de contenu directement. Cela permet de regrouper le contenu de toutes les références en bas de page. Il faut cependant veiller à référencer toutes les notes dans le texte, car les références non utilisées provoquent la génération d'une erreur. Définir les notes en bas de page plutôt que dans le texte permet de ne pas interrompre le flux du texte par une longue note dans le code source, le rendant plus lisible et facile à modifier.
Si les groupes sont utilisés, il faut également spécifier le groupe dans le texte :
Syntaxe wikilivres | Résultat |
---|---|
Ceci est un texte<ref group="note" name="expliquer_un"/> illustrant le groupement des références<ref group="source" name="source_un"/> se terminant avec une seconde note de bas de page<ref group="note" name="expliquer_deux"/>. Notes de bas de page : Sources : |
Ceci est un texte[note 1] illustrant le groupement des références[source 1] se terminant avec une seconde note de bas de page[note 2]. Notes de bas de page : Sources : |
Voir aussi
Bienvenue | Contribuer | Demandes | Discuter | Règles | Wikirédacteurs