« Aide:Syntaxe » : différence entre les versions

De Wiki Ali(ENS de Lyon)
imported>SYSTEM
(modification externe)
(modif images)
 
(23 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
= Formatting Syntax =
== Syntaxe de mise en page ==


[https://www.dokuwiki.org/DokuWiki DokuWiki] supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing "Edit this page". If you want to try something, just use the [[playground/playground|playground]] page. The simpler markup is easily accessible via [https://www.dokuwiki.org/toolbar quickbuttons], too.
[https://www.mediawiki.org/wiki/MediaWiki/fr MediaWiki] utilise un langage de balisage simple, qui essaie de rendre les fichiers de données aussi lisibles que possible. Cette page contient toutes les syntaxes possibles que vous pouvez utiliser en éditant les pages. Regardez simplement le code source de cette page en cliquant sur le bouton ''Modifier cette page''. Si vous souhaitez essayer quelque chose, rendez-vous dans la page du [[playground/playground|bac à sable]]. Les balises les plus simples sont également facilement accessibles depuis la [[fr/toolbar|barre d'outils]].


== Basic Text Formatting ==
== Mise en forme de texte basique ==


DokuWiki supports '''bold''', ''italic'', <u>underlined</u> and <code>monospaced</code> texts. Of course you can '''<u>''<code>combine</code>''</u>''' all these.
MediaWiki accepte les textes en '''gras''', ''italique'', <u>souligné</u> et <code>à chasse fixe</code>. Bien sûr, vous pouvez tous les '''<u>''<code>combiner</code>''</u>'''.


<pre>DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
<pre>MediaWiki accepte les textes en '''gras''', ''italique'', <u>souligné</u> et <code>à chasse fixe</code>. Bien sûr, vous pouvez tous les '''<u>''<code>combiner</code>''</u>'''.
Of course you can **__//''combine''//__** all these.
</pre>
</pre>
You can use <sub>subscript</sub> and <sup>superscript</sup>, too.
Vous pouvez aussi utiliser des <sub>indices</sub> et <sup>exposants</sup>.


<pre>You can use &lt;sub&gt;subscript&lt;/sub&gt; and &lt;sup&gt;superscript&lt;/sup&gt;, too.
<pre>Vous pouvez aussi utiliser des &lt;sub&gt;indices&lt;/sub&gt; et &lt;sup&gt;exposants&lt;/sup&gt;.
</pre>
</pre>
You can mark something as <s>deleted</s> as well.
De plus, vous pouvez marquer un passage comme <s>supprimé</s>.


<pre>You can mark something as &lt;del&gt;deleted&lt;/del&gt; as well.
<pre>De plus, vous pouvez marquer un passage comme &lt;del&gt;supprimé&lt;/del&gt;.
</pre>
</pre>
'''Paragraphs''' are created from blank lines. If you want to '''force a newline''' without a paragraph, you can use two backslashes followed by a whitespace or the end of line.
'''Les paragraphes''' sont créés à partir des lignes vides. Si vous souhaitez '''forcer un saut de ligne''' sans paragraphe, vous pouvez utiliser deux contre-obliques suivies par un espace ou une fin de ligne.


This is some text with some linebreaks<br />
Voici du texte avec des sauts de ligne<br />
Note that the two backslashes are only recognized at the end of a line<br />
remarquez que les deux contre-obliques sont reconnues uniquement en fin de ligne<br />
or followed by<br />
ou suivies par<br />
a whitespace \\this happens without it.
une espace ; \\ceci se produit sinon.


<pre>This is some text with some linebreaks\\ Note that the
<pre>Voici du texte avec des sauts de ligne\\ remarquez que les
two backslashes are only recognized at the end of a line\\
deux contre-obliques sont reconnues uniquement en fin de ligne\\
or followed by\\ a whitespace \\this happens without it.
ou suivies par\\ une espace ; \\ceci se produit sinon.
</pre>
</pre>
You should use forced newlines only if really needed.
Vous ne devriez forcer des sauts de ligne que si c'est vraiment nécessaire.


== Links ==
== Liens ==


DokuWiki supports multiple ways of creating links.
MediaWiki propose plusieurs moyens pour créer des liens.


=== External ===
=== Externes ===


External links are recognized automagically: http://www.google.com or simply www.google.com - You can set the link text as well: [http://www.google.com This Link points to google]. Email addresses like this one: [mailto:andi@splitbrain.org andi@splitbrain.org] are recognized, too.
Les liens externes sont reconnus automatiquement : https://www.google.fr - Vous pouvez aussi donner des noms aux liens : [https://www.google.fr Ce lien pointe vers Google]. Les adresses de courriel comme celle-ci : [mailto:andi@splitbrain.org andi@splitbrain.org] sont également reconnues.


<pre>DokuWiki supports multiple ways of creating links. External links are recognized
<pre>Les liens externes sont reconnus automatiquement : https://www.google.fr - Vous pouvez aussi donner des noms aux
automagically: http://www.google.com or simply www.google.com - You can set
liens : [[https://www.google.fr|Ce lien pointe vers Google]]. Les adresses
link text as well: [[http://www.google.com|This Link points to google]]. Email
de courriel comme celle-ci : [mailto:andi@splitbrain.org andi@splitbrain.org] sont également reconnues.  
addresses like this one: &lt;andi@splitbrain.org&gt; are recognized, too.
</pre>
</pre>
=== Internal ===


Internal links are created by using square brackets. You can either just give a [[pagename|pagename]] or use an additional [[pagename|link text]].
=== Internes ===


<pre>Internal links are created by using square brackets. You can either just give
Les liens internes sont créés en utilisant des crochets. Vous pouvez juste utiliser un [[nom de page|nom de page]].
a [[pagename]] or use an additional [[pagename|link text]].
 
<pre>Les liens internes sont créés en utilisant des crochets. Vous pouvez juste
utiliser un [[nom de page|nom de page]].
</pre>
</pre>
[https://www.dokuwiki.org/pagename Wiki pagenames] are converted to lowercase automatically, special characters are not allowed.
Les noms de pages wiki sont automatiquement convertis en minuscules ; les caractères spéciaux ne sont pas autorisés.


You can use [[some/namespaces|namespaces]] by using a colon in the pagename.
Vous pouvez utiliser les [[voici:des:categories|categories]] en utilisant les deux points dans le nom de page.


<pre>You can use [[some:namespaces]] by using a colon in the pagename.
<pre>Vous pouvez utiliser les [[voici:des:categories|categories]] en utilisant
les deux points dans le nom de page.
</pre>
</pre>
For details about namespaces see [https://www.dokuwiki.org/namespaces namespaces].
Pour plus de détails sur les catégories, voir [https://www.mediawiki.org/wiki/Help:Categories/fr Catégories].


Linking to a specific section is possible, too. Just add the section name behind a hash character as known from HTML. This links to [[syntax#internal|this Section]].
Les liens vers une section spécifique d'une page sont également possibles (voir la partie [[syntax#decoupage_en_sections|Découpage en sections]]). Ajoutez simplement le nom de la section après un caractère dièse comme en HTML. Ce lien renvoie vers [[syntax#internes|cette section]].


<pre>This links to [[syntax#internal|this Section]].
<pre>Ce lien renvoie vers [[syntax#internes|cette section]].
</pre>
</pre>
Notes:
Notes :
 
* Links to [[syntax|existing pages]] are shown in a different style from [[nonexisting|nonexisting]] ones.
* DokuWiki does not use [https://en.wikipedia.org/wiki/CamelCase CamelCase] to automatically create links by default, but this behavior can be enabled in the [https://www.dokuwiki.org/config config] file. Hint: If DokuWiki is a link, then it's enabled.
* When a section's heading is changed, its bookmark changes, too. So don't rely on section linking too much.


* Les liens vers des [[syntax|pages existantes]] sont montrés dans un style différent des liens vers des pages [[inexistantes|inexistantes]].
<!-- * Par défaut, DokuWiki n'utilise pas la syntaxe [https://fr.wikipedia.org/wiki/CamelCase CamelCase] pour créer des liens, mais ce comportement peut être activé dans le fichier de [https://www.dokuwiki.org/fr:config configuration]. Astuce : si le mot DokuWiki apparaît sur cette page comme un lien, alors c'est que la syntaxe CamelCase est activée. -->
* Lorsque le titre d'une section est modifié, alors son lien change aussi. Donc ne comptez pas trop sur les liens de section.
<!--
=== Interwiki ===
=== Interwiki ===


DokuWiki supports [https://www.dokuwiki.org/Interwiki Interwiki] links. These are quick links to other Wikis. For example this is a link to Wikipedia's page about Wikis: [https://en.wikipedia.org/wiki/Wiki Wiki].
Les liens [https://www.dokuwiki.org/fr:interwiki Interwiki] sont des liens rapides vers d'autres Wikis.<br />
Par exemple [https://fr.wikipedia.org/wiki/Wiki Wiki] ou [https://en.wikipedia.org/wiki/fr:Wiki Wiki] sont des liens vers la définition des Wikis dans Wikipedia en français.


<pre>DokuWiki supports [[doku&gt;Interwiki]] links. These are quick links to other Wikis.
<pre>Les liens [[doku&gt;fr:interwiki|Interwiki]] sont des liens rapides vers d'autres Wikis.\\
For example this is a link to Wikipedia's page about Wikis: [[wp&gt;Wiki]].
Par exemple [[wpfr&gt;Wiki|Wiki]] ou [[wp&gt;fr:Wiki|Wiki]] sont des liens vers la définition des Wikis dans Wikipedia en français.
</pre>
</pre>
=== Windows Shares ===
-->
 
=== Partages Windows ===


Windows shares like [[\\server\share|this]] are recognized, too. Please note that these only make sense in a homogeneous user group like a corporate [https://en.wikipedia.org/wiki/Intranet Intranet].
Les partages Windows tels que [[\\serveurnt4\partage|ceci]] sont également reconnus. Veuillez noter qu'ils n'ont un sens que dans un groupe d'utilisateurs homogène tels qu'un [https://fr.wikipedia.org/wiki/Intranet Intranet] d'entreprise.


<pre>Windows Shares like [[\\server\share|this]] are recognized, too.
<pre>Les partages Windows tels que [[\\serveurnt4\partage|ceci]] sont également reconnus.
</pre>
</pre>
Notes:
Notes :


* For security reasons direct browsing of windows shares only works in Microsoft Internet Explorer per default (and only in the &quot;local zone&quot;).
* Pour des raisons de sécurité, la navigation directe sur partages Windows ne fonctionne que dans ''Microsoft Internet Explorer'' par défaut (et seulement dans la « zone locale »).<ref>Sachant qu'Internet Explorer n'existe plus, cette information est à prendre avec des pincettes.</ref>
* For Mozilla and Firefox it can be enabled through different workaround mentioned in the [http://kb.mozillazine.org/Links_to_local_pages_do_not_work Mozilla Knowledge Base]. However, there will still be a JavaScript warning about trying to open a Windows Share. To remove this warning (for all users), put the following line in <code>conf/lang/en/lang.php</code> (more details at [https://www.dokuwiki.org/localization#changing_some_localized_texts_and_strings_in_your_installation localization]): <code>&lt;?php
* Pour ''Mozilla'' et ''Firefox'', sans réglages, ça ne fonctionne pas. Voir [http://kb.mozillazine.org/Links_to_local_pages_do_not_work cette fiche] de la base de connaissance de Mozilla pour les contournements possibles. Il restera cependant un avertissement JavaScript. Pour supprimer cet avertissement, pour tous les visiteurs du wiki, ajouter cette ligne dans le fichier texte <code>conf/userscript.js</code>:<code>LANG.nosmblinks = '';
/**
* Customization of the english language file
* Copy only the strings that needs to be modified
*/
$lang['js']['nosmblinks'] = '';
</code>
</code>


=== Image Links ===
=== Liens images ===


You can also use an image to link to another internal or external page by combining the syntax for links and [[#images_and_other_files|images]] (see below) like this:
Vous pouvez aussi utiliser une image afin de créer un lien vers une autre page interne ou externe en combinant les syntaxes des liens et des [[#Images et autres fichiers|images]] (voir plus bas) comme ceci :


<pre>[[http://php.net|{{wiki:dokuwiki-128.png}}]]
<pre>[[Fichier:Logo AliENS.png]]
</pre>
</pre>
[http://php.net [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]]


Please note: The image formatting is the only formatting syntax accepted in link names.
[[Fichier:Logo AliENS.png]]


The whole [[#images_and_other_files|image]] and [[#links|link]] syntax is supported (including image resizing, internal and external images and URLs and interwiki links).
NB : la mise en forme image est la seule syntaxe de mise en forme acceptée comme nom de lien.


== Footnotes ==
la totalité des syntaxes d'[[#Images et autres fichiers|image]] et de [[#Liens|#Liens]] est possible (y compris le redimensionnement d'image, les images internes et externes, les URL et les liens interwikis).


You can add footnotes <ref>This is a footnote</ref> by using double parentheses.
== Notes de pied de page ==


<pre>You can add footnotes ((This is a footnote)) by using double parentheses.
Vous pouvez ajouter des notes de bas de page <ref>Ceci est une note de bas de page.</ref>. N'oubliez pas d'ajouter une section "Notes" dans laquelle vous appelez <nowiki><reference /></nowiki>.
 
<pre>Vous pouvez ajouter des notes de bas de page <ref>Ceci est une note de bas de page.</ref>.
</pre>
</pre>
== Sectioning ==


You can use up to five different levels of headlines to structure your content. If you have more than three headlines, a table of contents is generated automatically -- this can be disabled by including the string <code>~~NOTOC~~</code> in the document.
== Découpage en sections ==
 
Vous pouvez utiliser jusqu'à cinq niveaux de titres différents afin de '''structurer''' le contenu. Si vous avez plus de trois titres, une table des matières est construite automatiquement -- ceci peut être désactivé en incluant la chaîne <code>~~NOTOC~~</code> dans le document. Il existe aussi les titres de niveau 2 (comme "Découpage en section" et les titres de niveau 1 (réservés aux titres de page). N'utilisez jamais les titres de niveau 1.
 
=== Titre niveau 3 ===
 
==== Titre niveau 4 ====


=== Headline Level 3 ===
===== Titre niveau 5 =====


==== Headline Level 4 ====
<pre>==== Titre niveau 3 ====


===== Headline Level 5 =====
=== Titre niveau 4 ===


<pre>==== Headline Level 3 ====
== Titre niveau 5 ==
=== Headline Level 4 ===
== Headline Level 5 ==
</pre>
</pre>
By using four or more dashes, you can make a horizontal line:


En utilisant quatre tirets ou plus, vous pouvez créer une ligne horizontale :
-----
<br />
<code>----</code>
== Images et autres fichiers ==
Vous pouvez insérer des [https://www.dokuwiki.org/fr:images images, fichiers audio et vidéo] (ou autres fichiers) internes ou externes avec des accolades. Additionnelement, vous pouvez en préciser la taille.


-----
taille originale : [[Fichier:Logo AliENS.png]]
 
largeur donnée (ici 150px) : [[Fichier:Logo AliENS.png|150px]]


== Media Files ==
Image externe redimensionnée [[http://de3.php.net/images/php.gif|200x50px|http://de3.php.net/images/php.gif]]


You can include external and internal [https://www.dokuwiki.org/images images, videos and audio files] with curly brackets. Optionally you can specify the size of them.
<pre>taille originale :                [[Fichier:Logo AliENS.png]]
largeur donnée :                  [[Fichier:Logo AliENS.png|150px]]
Image externe redimensionnée :    [[http://de3.php.net/images/php.gif|200x50px|http://de3.php.net/images/php.gif]]
</pre>
Par défaut les images se placent au fil du texte, centrées verticalement.


Real size: [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]
Vous pouvez les aligner avec des espaces à gauche ou à droite :


Resize to given width: [[File:wiki--dokuwiki-128.png|50px|dokuwiki-128.png]]
[[Fichier:Logo AliENS.png|150px|droite]]
[[Fichier:Logo AliENS.png|150px|gauche]]
[[Fichier:Logo AliENS.png|150px|centré]]


Resize to given width and height<ref>when the aspect ratio of the given width and height doesn't match that of the image, it will be cropped to the new ratio before resizing</ref>: [[File:wiki--dokuwiki-128.png|200x50px|dokuwiki-128.png]]
<pre>[[Fichier:Logo AliENS.png|150px|droite]]
[[Fichier:Logo AliENS.png|150px|gauche]]
[[Fichier:Logo AliENS.png|150px|centré]]
</pre>
Bien sûr, vous pouvez ajouter un titre, affiché comme une bulle d'aide par les navigateurs.


Resized external image: [[http://php.net/images/php.gif|200x50px|http://php.net/images/php.gif]]
[[Fichier:Logo AliENS.png|150px|Ceci est le titre]]


<pre>Real size:                       {{wiki:dokuwiki-128.png}}
<pre>[[Fichier:Logo AliENS.png|150px|Ceci est le titre]]
Resize to given width:            {{wiki:dokuwiki-128.png?50}}
Resize to given width and height: {{wiki:dokuwiki-128.png?200x50}}
Resized external image:          {{http://php.net/images/php.gif?200x50}}
</pre>
</pre>
By using left or right whitespaces you can choose the alignment.
------


[[File:wiki--dokuwiki-128.png|class=align-right|dokuwiki-128.png]]
Les fichiers qui ne sont pas affichables (voir tableau des médias pris en charge dans la [[#Médias pris en charge|section suivante]]), sont représentés uniquement comme un lien de téléchargement. Par défaut, les images disposent d'un lien vers une page de détails.


[[File:wiki--dokuwiki-128.png|class=align-left|dokuwiki-128.png]]
Vous pouvez modifier ce comportement :


[[File:wiki--dokuwiki-128.png|class=align-center|dokuwiki-128.png]]
[[Fichier:Logo AliENS.png|150px]] Lien direct sur le media.


<pre>{{ wiki:dokuwiki-128.png}}
[[:Fichier:Logo AliENS.png]] Uniquement le lien direct.
{{wiki:dokuwiki-128.png }}
{{ wiki:dokuwiki-128.png }}
</pre>
Of course, you can add a title (displayed as a tooltip by most browsers), too.


[[File:wiki--dokuwiki-128.png|class=align-center|This is the caption]]
[[Fichier:Logo AliENS.png|150px|link=AliENS]] Lien vers une page. Voir [[#liens images|#liens images]] ci dessus.


<pre>{{ wiki:dokuwiki-128.png |This is the caption}}
<pre>[[Fichier:Logo AliENS.png|150px]] Lien direct sur le media.
[[:Fichier:Logo AliENS.png]] Uniquement le lien direct.
[[Fichier:Logo AliENS.png|150px|link=AliENS]] Lien vers une page. Voir [[#liens images|#liens images]] ci dessus.
</pre>
</pre>
For linking an image to another page see [[#Image Links|#Image Links]] above.
Vous pouvez combiner plusieurs effets.


=== Supported Media Formats ===
=== Médias pris en charge ===


DokuWiki can embed the following media formats directly.
MediaWiki peut directement présenter les formats de fichiers suivants


{|
{|
| Image
! Image
| <code>gif</code>, <code>jpg</code>, <code>png</code>
! <code>gif</code>, <code>jpg</code>, <code>png</code>, <code>svg</code>
|-
|-
| Video
| Vidéo
| <code>webm</code>, <code>ogv</code>, <code>mp4</code>
| <code>webm</code>, <code>ogv</code>, <code>mp4</code>
|-
|-
Ligne 185 : Ligne 201 :
|}
|}


If you specify a filename that is not a supported media format, then it will be displayed as a link instead.
Si vous indiquez un fichier dans un format non pris en charge, MediaWiki le présentera comme un lien de téléchargement<ref>Cela est vrai pour DokuWiki, à voir pour MediaWiki.</ref>.
 
By adding <code>?linkonly</code> you provide a link to the media without displaying it inline
 
<pre>{{wiki:dokuwiki-128.png?linkonly}}
</pre>
[[wiki/dokuwiki-128.png|dokuwiki-128.png]] This is just a link to the image.


=== Fallback Formats ===
=== Formats de repli ===


Unfortunately not all browsers understand all video and audio formats. To mitigate the problem, you can upload your file in different formats for maximum browser compatibility.
Malheureusement, certains navigateurs ne comprennent qu'un ensemble restreint de formats vidéo et audio. Pour atténuer ce problème, vous pouvez téléverser vos vidéos et audio dans différents formats pour augmenter la compatibilité avec les divers navigateurs. MediaWiki présentera alors des alternatives au navigateur.


For example consider this embedded mp4 video:
Par exemple, si vous avez téléversé <code>film.webm</code>, <code>film.ogv</code> et <code>film.mp4</code>, lorsque vous présentez la vidéo mp4 comme ceci :


<pre>{{video.mp4|A funny video}}
<pre>{{film.mp4|une vidéo sympa}}
</pre>
</pre>
When you upload a <code>video.webm</code> and <code>video.ogv</code> next to the referenced <code>video.mp4</code>, DokuWiki will automatically add them as alternatives so that one of the three files is understood by your browser.
MediaWiki indiquera automatiquement les alternatives <code>film.webm</code>, <code>film.ogv</code> de telle sorte que l'un des formats au moins soit reconnu par le navigateur.


Additionally DokuWiki supports a &quot;poster&quot; image which will be shown before the video has started. That image needs to have the same filename as the video and be either a jpg or png file. In the example above a <code>video.jpg</code> file would work.
De plus, MediaWiki permet d'utiliser une image poster qui est affichée avant le démarrage de la vidéo. Cette image doit avoir le même nom que la vidéo et être soit une image jpeg, soit une image png. Dans l'exemple précédent, on aurait pu utiliser une image nommée <code>film.jpg</code>.


== Lists ==
== Listes ==


Dokuwiki supports ordered and unordered lists. To create a list item, indent your text by two spaces and use a <code>*</code> for unordered lists or a <code>-</code> for ordered ones.
MediaWiki accepte les listes ordonnées et non ordonnées. Pour créer un élément de liste, indentez votre texte par deux espaces et utilisez une <code>*</code> pour une liste non ordonnée ou un <code>#-</code> pour une liste ordonnée.


* This is a list
* Ceci est une liste
* The second item
* Le second élément
** You may have different levels
** Vous pouvez avoir plusieurs niveaux
* Another item
* Un autre élément


== The same list but ordered==
# La même liste mais ordonnée==
== Another item==
# Un autre élément
=== Just use indention for deeper levels===
## Rajoutez un symbole pour des niveaux plus profonds
== That's it==
# Et voilà


<pre>  * This is a list
<pre>  * Ceci est une liste
   * The second item
   * Le second élément
    * You may have different levels
  ** Vous pouvez avoir plusieurs niveaux
   * Another item
   * Un autre élément


   - The same list but ordered
   # La même liste mais ordonnée
   - Another item
   # Un autre élément
    - Just use indention for deeper levels
  ## Rajoutez un symbole pour des niveaux plus profonds
   - That's it
   # Et voilà
</pre>
</pre>
Also take a look at the [https://www.dokuwiki.org/faq:lists FAQ on list items].


== Text Conversions ==
<!-- == Conversions textuelles ==


DokuWiki can convert certain pre-defined characters or strings into images or other text or HTML.
DokuWiki peut convertir certains caractères ou chaînes de caractère prédéfinis en image, autre texte, ou HTML.


The text to image conversion is mainly done for smileys. And the text to HTML conversion is used for typography replacements, but can be configured to use other HTML as well.
Les conversions en image sont principalement utilisée pour les émoticônes (''smileys''). Les conversions en texte ou HTML sont utilisées pour des raisons de typographie, mais peuvent également être configurées pour utiliser d'autres balises HTML.


=== Text to Image Conversions ===
=== Emoticônes (smileys) ===


DokuWiki converts commonly used [https://en.wikipedia.org/wiki/emoticon emoticon]s to their graphical equivalents. Those [https://www.dokuwiki.org/Smileys Smileys] and other images can be configured and extended. Here is an overview of Smileys included in DokuWiki:
DokuWiki transforme les [[https://fr.wikipedia.org/wiki/Émoticône|Émoticône]]s courantes en leurs équivalents graphiques. On peut facilement en [https://www.dokuwiki.org/fr:smileys ajouter d'autres]. Voici une vue d'ensemble des émoticônes incluses dans DokuWiki.


* 8-) %% 8-) %%
* 8-) %% 8-) %%
Ligne 262 : Ligne 271 :
* DELETEME %% DELETEME %%
* DELETEME %% DELETEME %%


=== Text to HTML Conversions ===
=== Typographie ===


Typography: [[DokuWiki|DokuWiki]] can convert simple text characters to their typographically correct entities. Here is an example of recognized characters.
[https://www.dokuwiki.org/fr:dokuwiki DokuWiki] peut convertir de simples caractères de texte brut en leurs entités typographiques correctes. Voici un exemple des caractères reconnus.


-&gt; &lt;- &lt;-&gt; =&gt; &lt;= &lt;=&gt; &gt;&gt; &lt;&lt; -- --- 640x480 (c) (tm) (r) &quot;He thought 'It's a man's world'...&quot;
-&gt; &lt;- &lt;-&gt; =&gt; &lt;= &lt;=&gt; &gt;&gt; &lt;&lt; -- --- 640x480 (c) (tm) (r) &quot;He thought 'It's a man's world'...&quot;
Ligne 271 : Ligne 280 :
&quot;He thought 'It's a man's world'...&quot;
&quot;He thought 'It's a man's world'...&quot;
</pre>
</pre>
The same can be done to produce any kind of HTML, it just needs to be added to the [https://www.dokuwiki.org/entities pattern file].
Il est possible de faire la même chose pour n'importe quelle balise HTML. Il suffit pour cela de rajouter une ligne dans le [https://www.dokuwiki.org/fr:entities fichier de motifs].
 
Il existe trois exceptions à ce mécanisme. le symbole de multiplication (640x480), les 'apostrophes' et les &quot;guillemets&quot;. On peut toutefois désactiver ces trois substitutions par une [https://www.dokuwiki.org/fr:config:typography option de configuration].
-->
 
== Citations ==
 
Parfois vous souhaitez marquer du texte afin de montrer que c'est une réponse ou un commentaire. Vous pouvez utiliser la syntaxe suivante :
 
<q>No.</q> (''Hamlet'')
 
<pre><q>No.</q> (''Hamlet'')
</pre>
 
ou bien pour les citations longues :
 
<blockquote>
Je pense que nous devrions le faire
 
Non nous ne devrions pas
 
Eh bien, je pense que si


There are three exceptions which do not come from that pattern file: multiplication entity (640x480), 'single' and &quot;double quotes&quot;. They can be turned off through a [https://www.dokuwiki.org/config:typography config option].
Vraiment ?


== Quoting ==
Oui !


Some times you want to mark some text to show it's a reply or comment. You can use the following syntax:
Alors faisons-le !
</blockquote>


<pre>I think we should do it
<pre><blockquote>
Je pense que nous devrions le faire


&gt; No we shouldn't
Non nous ne devrions pas


&gt;&gt; Well, I say we should
Eh bien, je pense que si


&gt; Really?
Vraiment ?


&gt;&gt; Yes!
Oui !


&gt;&gt;&gt; Then lets do it!
Alors faisons-le !
</blockquote>
</pre>
</pre>
I think we should do it


<blockquote>No we shouldn't</blockquote>
Les balises <code><nowiki><blockquote></nowiki></code> sont à mettre sur une ligne séparée pour assurer un bon affichage.
<blockquote><blockquote>Well, I say we should</blockquote></blockquote>
 
<blockquote>Really?</blockquote>
NB : N'utilisez cette syntaxe '''que''' pour les citations. Les autres cas d'utilisation de guillements se font simplement avec le symbole <code>"</code>.
<blockquote><blockquote>Yes!</blockquote></blockquote>
 
<blockquote><blockquote><blockquote>Then lets do it!</blockquote></blockquote></blockquote>
== Tableaux ==
== Tables ==


DokuWiki supports a simple syntax to create tables.
MediaWiki propose une syntaxe simple pour créer des tableaux.


{|
{|
! Heading 1
! Titre 1
! Heading 2
! Titre 2
! Heading 3
! Titre 3
|-
|-
| Row 1 Col 1
| Ligne 1 Col 1
| Row 1 Col 2
| Ligne 1 Col 2
| Row 1 Col 3
| Ligne 1 Col 3
|-
|-
| Row 2 Col 1
| Ligne 2 Col 1
| some colspan (note the double pipe)
| colonnes fusionnées (notez la double barre verticale)
|
|
|-
|-
| Row 3 Col 1
| Ligne 3 Col 1
| Row 3 Col 2
| Ligne 2 Col 2
| Row 3 Col 3
| Ligne 2 Col 3
|}
|}


Table rows have to start and end with a <code>|</code> for normal rows or a <code>^</code> for headers.
* Un tableau est entre accolades <code>{ ... }</code>.
* Les titres commencent par un <code>!</code> tandis que les lignes commencent par une ''barre verticale'' <code>|</code>
* Les lignes de tableau doivent commencer et se terminer avec une ''barre verticale'' <code>|</code> pour des lignes normales ou avec un <code>^</code> pour les titres.


<pre>^ Heading 1     ^ Heading 2       ^ Heading 3         ^
<pre>{|
| Row 1 Col 1   | Row 1 Col 2     | Row 1 Col 3       |
! Titre 1
| Row 2 Col 1   | some colspan (note the double pipe) ||
! Titre 2
| Row 3 Col 1   | Row 3 Col 2     | Row 3 Col 3       |
! Titre 3
|-
| Ligne 1 Col 1
| Ligne 1 Col 2
| Ligne 1 Col 3
|-
| Ligne 2 Col 1
| colonnes fusionnées
|
|-
| Ligne 3 Col 1
| Ligne 2 Col 2
| Ligne 2 Col 3
|}
</pre>
</pre>
To connect cells horizontally, just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators!


Vertical tableheaders are possible, too.
Les titres de tableau verticaux sont également possibles.


{|
{|
|
|
| Heading 1
| Titre 1
| Heading 2
| Titre 2
|-
|-
| Heading 3
| Titre 3
| Row 1 Col 2
| Ligne 1 Col 2
| Row 1 Col 3
| Ligne 1 Col 3
|-
|-
| Heading 4
| Titre 4
| no colspan this time
| pas de fusion cette fois
|
|
|-
|-
| Heading 5
| Titre 5
| Row 2 Col 2
| Ligne 2 Col 2
| Row 2 Col 3
| Ligne 2 Col 3
|}
|}


As you can see, it's the cell separator before a cell which decides about the formatting:
Comme vous pouvez le constater, c'est le séparateur ('|' ou '!') précédant une cellule qui détermine le format :


<pre>|             ^ Heading 1           ^ Heading 2         ^
<pre>
^ Heading 3   | Row 1 Col 2         | Row 1 Col 3       |
{|
^ Heading 4   | no colspan this time |                   |
|
^ Heading 5   | Row 2 Col 2         | Row 2 Col 3       |
| Titre 1
| Titre 2
|-
| Titre 3
| Ligne 1 Col 2
| Ligne 1 Col 3
|-
| Titre 4
| pas de fusion cette fois
|
|-
| Titre 5
| Ligne 2 Col 2
| Ligne 2 Col 3
|}
</pre>
</pre>
You can have rowspans (vertically connected cells) by adding <code>:::</code> into the cells below the one to which they should connect.
Vous pouvez fusionner des cellules verticalement en ajoutant <code>:::</code> dans les cellules sous celles avec laquelle elles doivent fusionner. Attentio, cette fonctionnalité n'est disponible que pour les versions supérieures à 2009-02-14b.


{|
{|
! Heading 1
! Titre 1
! Heading 2
! Titre 2
! Heading 3
! Titre 3
|-
|-
| Row 1 Col 1
| Ligne 1 Col 1
| this cell spans vertically
| Cette cellule s'étend<br />
| Row 1 Col 3
verticalement
| Ligne 1 Col 3
|-
|-
| Row 2 Col 1
| Ligne 2 Col 1
| :::
| :::
| Row 2 Col 3
| Ligne 2 Col 3
|-
|-
| Row 3 Col 1
| Ligne 3 Col 1
| :::
| :::
| Row 2 Col 3
| Ligne 3 Col 3
|}
|}


Apart from the rowspan syntax those cells should not contain anything else.
Ces cellules ne doivent rien contenir d'autre que l'indicateur de fusion vertical.


<pre>^ Heading 1     ^ Heading 2                 ^ Heading 3         ^
<pre>{|
| Row 1 Col 1   | this cell spans vertically | Row 1 Col 3       |
! Titre 1
| Row 2 Col 1   | :::                       | Row 2 Col 3       |
! Titre 2
| Row 3 Col 1   | :::                       | Row 2 Col 3       |
! Titre 3
|-
| Ligne 1 Col 1
| Cette cellule s'étend<br />
verticalement
| Ligne 1 Col 3
|-
| Ligne 2 Col 1
| :::
| Ligne 2 Col 3
|-
| Ligne 3 Col 1
| :::
| Ligne 3 Col 3
|}
</pre>
</pre>
You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text.
 
Vous pouvez également aligner les contenus du tableau (uniquement horizontalement). Ajoutez simplement au moins deux espaces à l'extrémité opposée de votre texte : ajoutez deux espaces sur la gauche pour aligner à droite, deux espaces sur la droite pour aligner à gauche et deux espaces au moins à chaque extrémité pour centrer le texte.


{|
{|
! Table with alignment
! Tableau avec alignement
!
!
!
!
|-
|-
| right
| droite
| center
| centré
| left
| gauche
|-
|-
| left
| gauche
| right
| droite
| center
| centré
|-
|-
| xxxxxxxxxxxx
| xxxxxxxxxxxx
Ligne 403 : Ligne 478 :
|}
|}


This is how it looks in the source:
Voici à quoi ça ressemble dans le code source :


<pre>^          Table with alignment          ^^^
<pre>{|
|        right|    center    |left          |
! Tableau avec alignement
|left          |        right|    center    |
!
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
!
</pre>
Note: Vertical alignment is not supported.
 
== No Formatting ==
 
If you need to display text exactly like it is typed (without any formatting), enclose the area either with <code>&lt;nowiki&gt;</code> tags or even simpler, with double percent signs <code>%%</code>.
 
This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it. The same is true for //__this__ text// with a smiley ;-).
 
<pre>&lt;nowiki&gt;
This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it.
&lt;/nowiki&gt;
The same is true for %%//__this__ text// with a smiley ;-)%%.
</pre>
== Code Blocks ==
 
You can include code blocks into your documents by either indenting them by at least two spaces (like used for the previous examples) or by using the tags <code>&lt;code&gt;</code> or <code>&lt;file&gt;</code>.
 
<pre>This is text is indented by two spaces.
</pre>
<pre>This is preformatted code all spaces are preserved: like              &lt;-this
</pre>
<pre>This is pretty much the same, but you could use it to show that you quoted a file.
</pre>
Those blocks were created by this source:
 
<pre>  This is text is indented by two spaces.
</pre>
<pre>&lt;code&gt;
This is preformatted code all spaces are preserved: like              &lt;-this
&lt;/code&gt;
</pre>
<pre>&lt;file&gt;
This is pretty much the same, but you could use it to show that you quoted a file.
&lt;/file&gt;
</pre>
=== Syntax Highlighting ===
 
[[wiki/DokuWiki|DokuWiki]] can highlight sourcecode, which makes it easier to read. It uses the [http://qbnz.com/highlighter/ GeSHi] Generic Syntax Highlighter -- so any language supported by GeSHi is supported. The syntax uses the same code and file blocks described in the previous section, but this time the name of the language syntax to be highlighted is included inside the tag, e.g. <code>&lt;code java&gt;</code> or <code>&lt;file java&gt;</code>.
 
<syntaxhighlight lang="java">/**
* The HelloWorldApp class implements an application that
* simply displays "Hello World!" to the standard output.
*/
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); //Display the string.
    }
}
</syntaxhighlight>
The following language strings are currently recognized: ''4cs 6502acme 6502kickass 6502tasm 68000devpac abap actionscript3 actionscript ada aimms algol68 apache applescript apt_sources arm asm asp asymptote autoconf autohotkey autoit avisynth awk bascomavr bash basic4gl batch bf biblatex bibtex blitzbasic bnf boo caddcl cadlisp ceylon cfdg cfm chaiscript chapel cil c_loadrunner clojure c_mac cmake cobol coffeescript c cpp cpp-qt cpp-winapi csharp css cuesheet c_winapi dart dcl dcpu16 dcs delphi diff div dos dot d ecmascript eiffel email epc e erlang euphoria ezt f1 falcon fo fortran freebasic freeswitch fsharp gambas gdb genero genie gettext glsl gml gnuplot go groovy gwbasic haskell haxe hicest hq9plus html html4strict html5 icon idl ini inno intercal io ispfpanel java5 java javascript jcl j jquery julia kixtart klonec klonecpp kotlin latex lb ldif lisp llvm locobasic logtalk lolcode lotusformulas lotusscript lscript lsl2 lua m68k magiksf make mapbasic mathematica matlab mercury metapost mirc mk-61 mmix modula2 modula3 mpasm mxml mysql nagios netrexx newlisp nginx nimrod nsis oberon2 objc objeck ocaml-brief ocaml octave oobas oorexx oracle11 oracle8 oxygene oz parasail parigp pascal pcre perl6 perl per pf phix php-brief php pic16 pike pixelbender pli plsql postgresql postscript povray powerbuilder powershell proftpd progress prolog properties providex purebasic pycon pys60 python qbasic qml q racket rails rbs rebol reg rexx robots rpmspec rsplus ruby rust sas sass scala scheme scilab scl sdlbasic smalltalk smarty spark sparql sql standardml stonescript swift systemverilog tclegg tcl teraterm texgraph text thinbasic tsql twig typoscript unicon upc urbi uscript vala vbnet vb vbscript vedit verilog vhdl vim visualfoxpro visualprolog whitespace whois winbatch xbasic xml xojo xorg_conf xpp yaml z80 zxbasic''
 
There are additional [https://www.dokuwiki.org/syntax_highlighting advanced options] available for syntax highlighting, such as highlighting lines or adding line numbers.
 
=== Downloadable Code Blocks ===
 
When you use the <code>&lt;code&gt;</code> or <code>&lt;file&gt;</code> syntax as above, you might want to make the shown code available for download as well. You can do this by specifying a file name after language code like this:
 
<pre>&lt;file php myexample.php&gt;
&lt;?php echo &quot;hello world!&quot;; ?&gt;
&lt;/file&gt;
</pre>
<syntaxhighlight lang="php"><?php echo "hello world!"; ?>
</syntaxhighlight>
If you don't want any highlighting but want a downloadable file, specify a dash (<code>-</code>) as the language code: <code>&lt;code - myfile.foo&gt;</code>.
 
== Embedding HTML and PHP ==
 
You can embed raw HTML or PHP code into your documents by using the <code>&lt;html&gt;</code> or <code>&lt;php&gt;</code> tags. (Use uppercase tags if you need to enclose block level elements.)
 
HTML example:
 
<pre>&lt;html&gt;
This is some &lt;span style=&quot;color:red;font-size:150%;&quot;&gt;inline HTML&lt;/span&gt;
&lt;/html&gt;
&lt;HTML&gt;
&lt;p style=&quot;border:2px dashed red;&quot;&gt;And this is some block HTML&lt;/p&gt;
&lt;/HTML&gt;
</pre>
 
This is some <span style="color:red;font-size:150%;">inline HTML</span>
 
 
<p style="border:2px dashed red;">And this is some block HTML</p>
 
PHP example:
 
<pre>&lt;php&gt;
echo 'The PHP version: ';
echo phpversion();
echo ' (generated inline HTML)';
&lt;/php&gt;
&lt;PHP&gt;
echo '&lt;table class=&quot;inline&quot;&gt;&lt;tr&gt;&lt;td&gt;The same, but inside a block level element:&lt;/td&gt;';
echo '&lt;td&gt;'.phpversion().'&lt;/td&gt;';
echo '&lt;/tr&gt;&lt;/table&gt;';
&lt;/PHP&gt;
</pre>
<code>
echo 'The PHP version: ';
echo phpversion();
echo ' (inline HTML)';
</code>
 
<syntaxhighlight lang="php">echo '<table class="inline"><tr><td>The same, but inside a block level element:</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';
</syntaxhighlight>
'''Please Note''': HTML and PHP embedding is disabled by default in the configuration. If disabled, the code is displayed instead of executed.
 
== RSS/ATOM Feed Aggregation ==
 
[[DokuWiki|DokuWiki]] can integrate data from external XML feeds. For parsing the XML feeds, [http://simplepie.org/ SimplePie] is used. All formats understood by SimplePie can be used in DokuWiki as well. You can influence the rendering by multiple additional space separated parameters:
 
{|
! Parameter
! Description
|-
|-
| any number
| droite
| will be used as maximum number items to show, defaults to 8
| centré
| gauche
|-
|-
| reverse
| gauche
| display the last items in the feed first
| droite
| centré
|-
|-
| author
| xxxxxxxxxxxx
| show item authors names
| xxxxxxxxxxxx
|-
| xxxxxxxxxxxx
| date
| show item dates
|-
| description
| show the item description. If [https://www.dokuwiki.org/config:htmlok HTML] is disabled all tags will be stripped
|-
| nosort
| do not sort the items in the feed
|-
| ''n''[dhm]
| refresh period, where d=days, h=hours, m=minutes. (e.g. 12h = 12 hours).
|}
|}
The refresh period defaults to 4 hours. Any value below 10 minutes will be treated as 10 minutes. [[wiki/DokuWiki|DokuWiki]] will generally try to supply a cached version of a page, obviously this is inappropriate when the page contains dynamic external content. The parameter tells [[wiki/DokuWiki|DokuWiki]] to re-render the page if it is more than ''refresh period'' since the page was last rendered.
By default the feed will be sorted by date, newest items first. You can sort it by oldest first using the <code>reverse</code> parameter, or display the feed as is with <code>nosort</code>.
'''Example:'''
<pre>{{rss&gt;http://slashdot.org/index.rss 5 author date 1h }}
</pre>
</pre>
[[http://slashdot.org/index.rss|class=align-left|//slashdot.org/index.rss 5 author date 1h]]
== Control Macros ==
Some syntax influences how DokuWiki renders a page without creating any output it self. The following control macros are availble:
{|
! Macro
! Description
|-
| ~~NOTOC~~
| If this macro is found on the page, no table of contents will be created
|-
| ~~NOCACHE~~
| DokuWiki caches all output by default. Sometimes this might not be wanted (eg. when the &lt;php&gt; syntax above is used), adding this macro will force DokuWiki to rerender a page on every call
|}
== Syntax Plugins ==
DokuWiki's syntax can be extended by [https://www.dokuwiki.org/plugins Plugins]. How the installed plugins are used is described on their appropriate description pages. The following syntax plugins are available in this particular DokuWiki installation:
~~INFO:syntaxplugins~~


<references />
== Notes ==
<references/>


[[Catégorie:Aide]]

Dernière version du 5 janvier 2024 à 03:28

Syntaxe de mise en page

MediaWiki utilise un langage de balisage simple, qui essaie de rendre les fichiers de données aussi lisibles que possible. Cette page contient toutes les syntaxes possibles que vous pouvez utiliser en éditant les pages. Regardez simplement le code source de cette page en cliquant sur le bouton Modifier cette page. Si vous souhaitez essayer quelque chose, rendez-vous dans la page du bac à sable. Les balises les plus simples sont également facilement accessibles depuis la barre d'outils.

Mise en forme de texte basique

MediaWiki accepte les textes en gras, italique, souligné et à chasse fixe. Bien sûr, vous pouvez tous les combiner.

MediaWiki accepte les textes en '''gras''', ''italique'', <u>souligné</u> et <code>à chasse fixe</code>. Bien sûr, vous pouvez tous les '''<u>''<code>combiner</code>''</u>'''.

Vous pouvez aussi utiliser des indices et exposants.

Vous pouvez aussi utiliser des <sub>indices</sub> et <sup>exposants</sup>.

De plus, vous pouvez marquer un passage comme supprimé.

De plus, vous pouvez marquer un passage comme <del>supprimé</del>.

Les paragraphes sont créés à partir des lignes vides. Si vous souhaitez forcer un saut de ligne sans paragraphe, vous pouvez utiliser deux contre-obliques suivies par un espace ou une fin de ligne.

Voici du texte avec des sauts de ligne
remarquez que les deux contre-obliques sont reconnues uniquement en fin de ligne
ou suivies par
une espace ; \\ceci se produit sinon.

Voici du texte avec des sauts de ligne\\ remarquez que les
deux contre-obliques sont reconnues uniquement en fin de ligne\\
ou suivies par\\ une espace ; \\ceci se produit sinon.

Vous ne devriez forcer des sauts de ligne que si c'est vraiment nécessaire.

Liens

MediaWiki propose plusieurs moyens pour créer des liens.

Externes

Les liens externes sont reconnus automatiquement : https://www.google.fr - Vous pouvez aussi donner des noms aux liens : Ce lien pointe vers Google. Les adresses de courriel comme celle-ci : andi@splitbrain.org sont également reconnues.

Les liens externes sont reconnus automatiquement : https://www.google.fr - Vous pouvez aussi donner des noms aux 
liens : [[https://www.google.fr|Ce lien pointe vers Google]]. Les adresses 
de courriel comme celle-ci : [mailto:andi@splitbrain.org andi@splitbrain.org] sont également reconnues. 

Internes

Les liens internes sont créés en utilisant des crochets. Vous pouvez juste utiliser un nom de page.

Les liens internes sont créés en utilisant des crochets. Vous pouvez juste
utiliser un [[nom de page|nom de page]].

Les noms de pages wiki sont automatiquement convertis en minuscules ; les caractères spéciaux ne sont pas autorisés.

Vous pouvez utiliser les categories en utilisant les deux points dans le nom de page.

Vous pouvez utiliser les [[voici:des:categories|categories]] en utilisant
les deux points dans le nom de page.

Pour plus de détails sur les catégories, voir Catégories.

Les liens vers une section spécifique d'une page sont également possibles (voir la partie Découpage en sections). Ajoutez simplement le nom de la section après un caractère dièse comme en HTML. Ce lien renvoie vers cette section.

Ce lien renvoie vers [[syntax#internes|cette section]].

Notes :

  • Les liens vers des pages existantes sont montrés dans un style différent des liens vers des pages inexistantes.
  • Lorsque le titre d'une section est modifié, alors son lien change aussi. Donc ne comptez pas trop sur les liens de section.

Partages Windows

Les partages Windows tels que ceci sont également reconnus. Veuillez noter qu'ils n'ont un sens que dans un groupe d'utilisateurs homogène tels qu'un Intranet d'entreprise.

Les partages Windows tels que [[\\serveurnt4\partage|ceci]] sont également reconnus.

Notes :

  • Pour des raisons de sécurité, la navigation directe sur partages Windows ne fonctionne que dans Microsoft Internet Explorer par défaut (et seulement dans la « zone locale »).[1]
  • Pour Mozilla et Firefox, sans réglages, ça ne fonctionne pas. Voir cette fiche de la base de connaissance de Mozilla pour les contournements possibles. Il restera cependant un avertissement JavaScript. Pour supprimer cet avertissement, pour tous les visiteurs du wiki, ajouter cette ligne dans le fichier texte conf/userscript.js:LANG.nosmblinks = ;

Liens images

Vous pouvez aussi utiliser une image afin de créer un lien vers une autre page interne ou externe en combinant les syntaxes des liens et des images (voir plus bas) comme ceci :

[[Fichier:Logo AliENS.png]]

NB : la mise en forme image est la seule syntaxe de mise en forme acceptée comme nom de lien.

la totalité des syntaxes d'image et de #Liens est possible (y compris le redimensionnement d'image, les images internes et externes, les URL et les liens interwikis).

Notes de pied de page

Vous pouvez ajouter des notes de bas de page [2]. N'oubliez pas d'ajouter une section "Notes" dans laquelle vous appelez <reference />.

Vous pouvez ajouter des notes de bas de page <ref>Ceci est une note de bas de page.</ref>.

Découpage en sections

Vous pouvez utiliser jusqu'à cinq niveaux de titres différents afin de structurer le contenu. Si vous avez plus de trois titres, une table des matières est construite automatiquement -- ceci peut être désactivé en incluant la chaîne ~~NOTOC~~ dans le document. Il existe aussi les titres de niveau 2 (comme "Découpage en section" et les titres de niveau 1 (réservés aux titres de page). N'utilisez jamais les titres de niveau 1.

Titre niveau 3

Titre niveau 4

Titre niveau 5
==== Titre niveau 3 ====

=== Titre niveau 4 ===

== Titre niveau 5 ==

En utilisant quatre tirets ou plus, vous pouvez créer une ligne horizontale :



----

Images et autres fichiers

Vous pouvez insérer des images, fichiers audio et vidéo (ou autres fichiers) internes ou externes avec des accolades. Additionnelement, vous pouvez en préciser la taille.

taille originale :

largeur donnée (ici 150px) :

Image externe redimensionnée [[1]]

taille originale :                [[Fichier:Logo AliENS.png]]
largeur donnée :                  [[Fichier:Logo AliENS.png|150px]]
Image externe redimensionnée :    [[http://de3.php.net/images/php.gif|200x50px|http://de3.php.net/images/php.gif]]

Par défaut les images se placent au fil du texte, centrées verticalement.

Vous pouvez les aligner avec des espaces à gauche ou à droite :

[[Fichier:Logo AliENS.png|150px|droite]]
[[Fichier:Logo AliENS.png|150px|gauche]]
[[Fichier:Logo AliENS.png|150px|centré]]

Bien sûr, vous pouvez ajouter un titre, affiché comme une bulle d'aide par les navigateurs.

Ceci est le titre

[[Fichier:Logo AliENS.png|150px|Ceci est le titre]]

Les fichiers qui ne sont pas affichables (voir tableau des médias pris en charge dans la section suivante), sont représentés uniquement comme un lien de téléchargement. Par défaut, les images disposent d'un lien vers une page de détails.

Vous pouvez modifier ce comportement :

Lien direct sur le media.

Fichier:Logo AliENS.png Uniquement le lien direct.

Lien vers une page. Voir #liens images ci dessus.

[[Fichier:Logo AliENS.png|150px]] Lien direct sur le media.
[[:Fichier:Logo AliENS.png]] Uniquement le lien direct.
[[Fichier:Logo AliENS.png|150px|link=AliENS]] Lien vers une page. Voir [[#liens images|#liens images]] ci dessus.

Vous pouvez combiner plusieurs effets.

Médias pris en charge

MediaWiki peut directement présenter les formats de fichiers suivants

Image gif, jpg, png, svg
Vidéo webm, ogv, mp4
Audio ogg, mp3, wav
Flash swf

Si vous indiquez un fichier dans un format non pris en charge, MediaWiki le présentera comme un lien de téléchargement[3].

Formats de repli

Malheureusement, certains navigateurs ne comprennent qu'un ensemble restreint de formats vidéo et audio. Pour atténuer ce problème, vous pouvez téléverser vos vidéos et audio dans différents formats pour augmenter la compatibilité avec les divers navigateurs. MediaWiki présentera alors des alternatives au navigateur.

Par exemple, si vous avez téléversé film.webm, film.ogv et film.mp4, lorsque vous présentez la vidéo mp4 comme ceci :

{{film.mp4|une vidéo sympa}}

MediaWiki indiquera automatiquement les alternatives film.webm, film.ogv de telle sorte que l'un des formats au moins soit reconnu par le navigateur.

De plus, MediaWiki permet d'utiliser une image poster qui est affichée avant le démarrage de la vidéo. Cette image doit avoir le même nom que la vidéo et être soit une image jpeg, soit une image png. Dans l'exemple précédent, on aurait pu utiliser une image nommée film.jpg.

Listes

MediaWiki accepte les listes ordonnées et non ordonnées. Pour créer un élément de liste, indentez votre texte par deux espaces et utilisez une * pour une liste non ordonnée ou un #- pour une liste ordonnée.

  • Ceci est une liste
  • Le second élément
    • Vous pouvez avoir plusieurs niveaux
  • Un autre élément
  1. La même liste mais ordonnée==
  2. Un autre élément
    1. Rajoutez un symbole pour des niveaux plus profonds
  3. Et voilà
  * Ceci est une liste
  * Le second élément
  ** Vous pouvez avoir plusieurs niveaux
  * Un autre élément

  # La même liste mais ordonnée
  # Un autre élément
  ## Rajoutez un symbole pour des niveaux plus profonds
  # Et voilà


Citations

Parfois vous souhaitez marquer du texte afin de montrer que c'est une réponse ou un commentaire. Vous pouvez utiliser la syntaxe suivante :

No. (Hamlet)

<q>No.</q> (''Hamlet'')

ou bien pour les citations longues :

Je pense que nous devrions le faire

Non nous ne devrions pas

Eh bien, je pense que si

Vraiment ?

Oui !

Alors faisons-le !

<blockquote>
Je pense que nous devrions le faire

Non nous ne devrions pas

Eh bien, je pense que si

Vraiment ?

Oui !

Alors faisons-le !
</blockquote>

Les balises <blockquote> sont à mettre sur une ligne séparée pour assurer un bon affichage.

NB : N'utilisez cette syntaxe que pour les citations. Les autres cas d'utilisation de guillements se font simplement avec le symbole ".

Tableaux

MediaWiki propose une syntaxe simple pour créer des tableaux.

Titre 1 Titre 2 Titre 3
Ligne 1 Col 1 Ligne 1 Col 2 Ligne 1 Col 3
Ligne 2 Col 1 colonnes fusionnées (notez la double barre verticale)
Ligne 3 Col 1 Ligne 2 Col 2 Ligne 2 Col 3
  • Un tableau est entre accolades { ... }.
  • Les titres commencent par un ! tandis que les lignes commencent par une barre verticale |
  • Les lignes de tableau doivent commencer et se terminer avec une barre verticale | pour des lignes normales ou avec un ^ pour les titres.
{|
! Titre 1
! Titre 2
! Titre 3
|-
| Ligne 1 Col 1
| Ligne 1 Col 2
| Ligne 1 Col 3
|-
| Ligne 2 Col 1
| colonnes fusionnées
|
|-
| Ligne 3 Col 1
| Ligne 2 Col 2
| Ligne 2 Col 3
|}

Les titres de tableau verticaux sont également possibles.

Titre 1 Titre 2
Titre 3 Ligne 1 Col 2 Ligne 1 Col 3
Titre 4 pas de fusion cette fois
Titre 5 Ligne 2 Col 2 Ligne 2 Col 3

Comme vous pouvez le constater, c'est le séparateur ('|' ou '!') précédant une cellule qui détermine le format :

{|
|
| Titre 1
| Titre 2
|-
| Titre 3
| Ligne 1 Col 2
| Ligne 1 Col 3
|-
| Titre 4
| pas de fusion cette fois
|
|-
| Titre 5
| Ligne 2 Col 2
| Ligne 2 Col 3
|}

Vous pouvez fusionner des cellules verticalement en ajoutant ::: dans les cellules sous celles avec laquelle elles doivent fusionner. Attentio, cette fonctionnalité n'est disponible que pour les versions supérieures à 2009-02-14b.

Titre 1 Titre 2 Titre 3
Ligne 1 Col 1 Cette cellule s'étend

verticalement

Ligne 1 Col 3
Ligne 2 Col 1 ::: Ligne 2 Col 3
Ligne 3 Col 1 ::: Ligne 3 Col 3

Ces cellules ne doivent rien contenir d'autre que l'indicateur de fusion vertical.

{|
! Titre 1
! Titre 2
! Titre 3
|-
| Ligne 1 Col 1
| Cette cellule s'étend<br />
verticalement
| Ligne 1 Col 3
|-
| Ligne 2 Col 1
| :::
| Ligne 2 Col 3
|-
| Ligne 3 Col 1
| :::
| Ligne 3 Col 3
|}

Vous pouvez également aligner les contenus du tableau (uniquement horizontalement). Ajoutez simplement au moins deux espaces à l'extrémité opposée de votre texte : ajoutez deux espaces sur la gauche pour aligner à droite, deux espaces sur la droite pour aligner à gauche et deux espaces au moins à chaque extrémité pour centrer le texte.

Tableau avec alignement
droite centré gauche
gauche droite centré
xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx

Voici à quoi ça ressemble dans le code source :

{|
! Tableau avec alignement
!
!
|-
| droite
| centré
| gauche
|-
| gauche
| droite
| centré
|-
| xxxxxxxxxxxx
| xxxxxxxxxxxx
| xxxxxxxxxxxx
|}

Notes

  1. Sachant qu'Internet Explorer n'existe plus, cette information est à prendre avec des pincettes.
  2. Ceci est une note de bas de page.
  3. Cela est vrai pour DokuWiki, à voir pour MediaWiki.