ImcLilleTutoHtml

Table of content :

Un site conforme aux normes W3C

Le squelette utilis\xE9 par indym\xE9dia Lille est conforme aux standard web. Cela permet \xE0 un maximum de navigateur internet de comprendre les pages du sites et de les traduire correctement. Les normes W3C concernent la programmation HTML et CSS.

Que ce passe t-il si j'ajoute des balises HTML dans un article

Les balises HTML peuvent \xEAtre pratique pour la mise en page d'un article, certes. L'article est interpr\xE9t\xE9 par spip et il ne touche pas au code HTML que vous avez \xE9crit. Mais le plus clair du temps, ce code ne respecte pas les standard de programmation ce qui cause de r\xE9el probl\xE8mes au niveau de la validation W3C. Il est donc dangereux d'utiliser du code HTML.

ci-joint un exemple de rapport d'erreur. Toutes les erreurs sont provoqu\xE9 par du code HTML inclue dans un \xE9dito.

#  Error  Line 1034, Column 30: XML Parsing Error: AttValue: " or ' expected.

<p class="spip"><font color = red>d\xE9roulement de la journ\xE9e&nbsp;: <br /> \xE0 part

&#9993;
# Error Line 1034, Column 30: XML Parsing Error: attributes construct error.

<p class="spip"><font color = red>d\xE9roulement de la journ\xE9e&nbsp;: <br /> \xE0 part

&#9993;
# Error Line 1034, Column 30: XML Parsing Error: Couldn't find end of Start Tag font line 1034.

<p class="spip"><font color = red>d\xE9roulement de la journ\xE9e&nbsp;: <br /> \xE0 part

&#9993;
# Error Line 1034, Column > 80: XML Parsing Error: Opening and ending tag mismatch: p line 1034 and font.

\x85nt de la journ\xE9e&nbsp;: <br /> \xE0 partir de 7H toutes les personnes regroup\xE9es\x85

&#9993;
# Error Line 1034, Column > 80: XML Parsing Error: Opening and ending tag mismatch: div line 1025 and p.

\x85nt de la journ\xE9e&nbsp;: <br /> \xE0 partir de 7H toutes les personnes regroup\xE9es\x85

Comment faire sans les balises HTML

Fort heureusement, spip propose un syteme de balise permettant de ce passer du code HTML. Ce systeme de balise sera automatiquement interpret\xE9 et correctement traduit en HTML valide.

quelques exemple simple :

  • Pour passer une ligne : ne plus utiliser

<br />
mais passez simplement une ligne.

exemple :

bla bla bla
bla bla bla
bla bla bla

bla bla bla
bla bla bla
bla bla bla

Spip va comprendre tout seul, et va cr\xE9er deux paragraphes.

  • Pour mettre du texte en gras : ne plus utiliser

<b>mon texte en gras</b>
mais utilisez la balise spip.

exemple :

{{mon texte en gras}}

  • Pour colorier une phrase : ne plus utiliser l'horrible balise
    mon texte
    mais utilisez la balise spip si elle existe OU ne coloriez pas votre texte OU alors vraiment en dernier recours, si la coloration est r\xE9ellement obligatoire le faire correctement en respectant les standards de programmation

exemple :

Non respect des standard : <font color= red ></font>

Respect des standard : <font color="red"></font>

  • Pour les liens : idem, utilisez la balise spip en non du HTML
  • Les autres raccourcis typographique de spip sont expliqu\xE9 dans la page d'aide de spip accessible via le petit point d'interrogation situ\xE9 a c\xF4t\xE9 de l'espace de modification d'un article dans l'interface priv\xE9e.
Topic revision: r1 - 12 Mar 2008, EdD
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback