ImcLilleTutoHtml

Table of content :

Un site conforme aux normes W3C

Le squelette utilisé par indymédia Lille est conforme aux standard web. Cela permet à 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 être pratique pour la mise en page d'un article, certes. L'article est interprété par spip et il ne touche pas au code HTML que vous avez écrit. Mais le plus clair du temps, ce code ne respecte pas les standard de programmation ce qui cause de réel problèmes 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é par du code HTML inclue dans un édito.

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

<p class="spip"><font color = red>déroulement de la journée&nbsp;: <br /> à part

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

<p class="spip"><font color = red>déroulement de la journée&nbsp;: <br /> à 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éroulement de la journée&nbsp;: <br /> à part

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

…nt de la journée&nbsp;: <br /> à partir de 7H toutes les personnes regroupées…

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

…nt de la journée&nbsp;: <br /> à partir de 7H toutes les personnes regroupées…

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é 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éer 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éellement 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é dans la page d'aide de spip accessible via le petit point d'interrogation situé a côté de l'espace de modification d'un article dans l'interface privée.

to top