Page de démonstration pour la rédaction d'un article

Fonctionnement

Pour rédiger un nouvel article il suffit d'entrer le texte dans le champs du formulaire puis de valider.

On obtient ensuite un aperçu que l'on publie s'il n'y a pas d'erreurs

La syntaxe à employer est simple, il suffit de respecter quelques règles qui sont présentées dans le champs pré-rempli : lisez ce texte, validez et observez le résultat.

La page créée est valide en "XHTML 1.0 Strict"

Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web [wikipedia]

Le validateur de cet organisme vérifie que le code employé sur les sites web respecte les standards des langages du web, ici le XHTML 1.0 strict

# Ceci est un titre de niveau 1 (on commence et finit la ligne par un dièse #) ## Ceci est un titre de niveau 2 qui introduit une sous-partie ## Ceci est le premier paragraphe de cette sous-partie, pour obtenir un paragraphe il suffit de sauter une ligne en appuyant deux fois sur la touche entrée. Ceci est donc le paragraphe suivant. ## Une liste à puces ## - voici le premier item de la liste - voici le second - on crée donc un item de la liste avec un tiret "-" ### liste ordonnée (remarquez le titre de niveau 3) ### 1. premier item 2. deuxième item 3. troisième item 4. l'ordre des nombres n'importe pas (on aurait pu écrire chaque ligne en commençant par "1. ") #### Remarque #### Une ligne commençant par "1983. " créera une liste ordonnée ce que l'on attend pas ! dans ce cas il faut "échapper" (protéger) le caractère "." grâce à un antislash \ (Alt Gr + 8). On écrira donc 1983\. Il y a quelques subtilités à connaître mais ce langage est très simple et permet d'être lu par un humain ! On peut donc préparer son article dans le bloc-notes (ou un traitement de texte) SANS mise en forme et placer les dièses et autres caractères de la syntaxe en prévision de la publication. ## Un bloc de citation ## > Ce symbole ">" introduit un bloc de citation > Il est préférable de commencer chaque ligne par ce symbole mais ce n'est pas obligatoire. Retour à un paragraphe de texte normal ## Et un lien vers un site web ? ## Voici [un lien](http://www.iwwwit.com/ "mon site") dans lequel _"mon site"_ (l'underscore ou tiret du 8) créera du texte en italique) apparait au survol de la souris ! Laissez-moi vous présenter mon [générateur de QR Codes](http://qr-code-generator.iwwwit.com) ! Un QR Code est une image qui peut être scannée par un téléphone portable équipé d'un lecteur. Cette image contient des informations comme par exemple un lien vers un site web ou une carte de visite virtuelle que le téléphone saura utiliser (visiter le site ou enregistrer le contact. Cela ressemble à ceci : ![texte alternatif ma carte de visite](images/iwwwit.png) vous voyez ici la syntaxe pour incorporer une image : \!\[point d'exclamation puis paire de crochet contenant le texte alternatif \] \(parenthese chemin/vers/image.extension \) J'ai échappé les caractères pour qu'ils restent visibles. | mais | un tableau | c'est possible ? | | ----- | --------- | ---------- | | oui | bien sûr| en voilà un | | avec | une ligne de | titre | | séparée des autres | lignes par | des tirets | # Conclusion # Cette syntaxe est simple et produit surtout un code **"propre"** ce qui n'est pas toujours le cas des éditeurs graphiques en ligne (si vous avez eu l'occasion d'en utiliser vous avez certainement vu des <span> et des <div> sans réelle utilité). Un code qui respecte les standards du web et qui n'est pas inutilement alourdi est apprécié des moteurs de recherche !