Le wiki de WIMS EDU

L'association WIMS EDU a ouvert ce wiki afin de favoriser les collaborations entre utilisateurs de WIMS.

Outils pour utilisateurs

Outils du site


documentation:devel:htmlerror

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
documentation:devel:htmlerror [14/12/2020 08:32] – ↷ Page déplacée de documentation:devel:htmlerror à 01_souhaits:documentation:devel:htmlerror obadodocumentation:devel:htmlerror [18/04/2024 03:00] (Version actuelle) – créée - modification externe 127.0.0.1
Ligne 1: Ligne 1:
 +
 +
 +======Erreurs html classiques======
 +=====Caractéristiques=====
 +//Objectif// : Faire des exercices qui soient compatibles W3C avec la déclaration
 +html proposée par WIMS
 +
 +//Prérequis// :
 +  * Avoir des exercices en développement
 +
 +//Commentaires// : 
 +
 +//Niveau// : Avancé
 +
 +=====Explications=====
 +
 +-  
 +''Erreur: line xxx, there is no attribute "name"''
 +
 +''Erreur: line xxx, ID "oefform" already defined''
 +
 +Là c'est la faute de WIMS en général.
 +
 +-  
 +''Erreur: line xxx, end tag for "p" omitted, but OMITTAG NO was specified''
 +
 +Vous avez sûrement oublié de fermer la balise ''<p>''.
 +
 +-  
 +'' Erreur: line xxx, element "center" undefined''
 +
 +Ah oui ! cela, c'est fréquent ... Une classe CSS qui centre a été définie dans
 +le noyau de WIMS. Elle fait un peu plus que centrer et laisse un peu de marge.
 +<code>
 +<div class="wimscenter"> .... </div>
 +<table class="wimscenter"> .... </table>
 +<p class="wimscenter"> .... </p>
 +<h1 class="wimscenter">...</h1>, ...
 +</code>
 +
 +-  
 +''Erreur: line xxx, there is no attribute "align"''
 +
 +Il va falloir remplacer par des balises CSS. Par exemple,
 +
 +''<p style="text-align:center"> .... </p>''
 +
 +-  
 +'' Erreur: line xxx, element "font" undefined''
 +
 +Remplacez par ''<span style="...."> </span>''.
 +Ce que vous pouvez utiliser et qui est prédéfini dans WIMS
 +<code>
 +<span class="bold"> <span class="small"> <span class="smaller"> <span class="tt">
 +</code>
 +(en remplacement de ''<tt>'').
 +Regroupez les différentes propriétés dans une seule balise :
 +''<span class="bold small">''
 +
 +-  
 +'' Erreur: line xxx, there is no attribute "size"''
 +
 +Tout dépend de quoi cela dépend (image, ...), de nouveau utilisez un style CSS.
 +
 +-  
 +'' Erreur: line xxx, there is no attribute "target"''
 +
 +Cela peut être dû à WIMS. Si cela a été ajouté par vous :
 +il faut éviter d'ouvrir des "popups", c'est pourquoi l'attribut
 +"target" a été retiré de la norme xhtml (pensez à la navigation sur mobile où basculer
 +entre différentes fenêtres n'est pas aussi évident).
 +Il reste tout de même parfois des cas où on peut difficilement
 +faire autrement !
 +
 +  * '' Erreur: line xxx, there is no attribute "bgcolor" ''
 +
 +Remplacer par un style CSS : ''style="background-color:XXXX"'' Cependant,
 +il faut aussi penser que le serveur peut choisir ses couleurs.
 +Vous trouverez à la fin des classes CSS correspondant aux couleurs
 +de WIMS.
 +
 +-  
 +''Erreur: line xxx, there is no attribute "color"''
 +
 +Utilisez les styles CSS : ''<tag style="color:green">''.
 +Mais la remarque précédente sur la couleur de fond s'applique.
 +
 +  * ''Erreur: line xxx, document type does not allow element "style" here''
 +Si c'est dans un exercice de correspondance, c'est la faute de WIMS ! (on ne
 +doit pas mettre un style dans la partie ''body'' de la page html).
 +
 +  * ''<p><i><b> </b></i></p> ou <i><b> </b></i>''
 +
 +Simplifiez !
 +''<p class="bold" style="font-style:italic"> ... </p>''
 +ou
 +
 +''<span class="bold" style="font-style:italic"> ... </span>''
 +
 +Utilisez la balise ''<strong> </strong>'', s'il s'agit d'un message important
 +qu'un handicap visuel doit être capable de distinguer.
 +
 +-  
 +''Attention: line xxx, character "<" is the first character of a delimiter but occurred as data''
 +
 +Il doit s'agir du signe mathématique ''<'', mettre par exemple dans le mode
 +mathématique ou le code html ''\&lt; ''.
 +
 +-  
 +''Erreur: line xxx, document type does not allow element "p" here;
 +missing one of "button", "map", "object", "ins", "del", "noscript" start-tag''
 +
 +Quelque chose n'a peut-être pas été fermé avant.
 +À propos,
 +''<p><table>'' n'est pas permis. De même,
 +Dans un exercice, si vous entourez  la commande ''embed{\''} et
 +si vous ne connaissez pas les balises qui se trouvent à l'intérieur du
 +type de réponse (et celles-ci peuvent évoluer), il est conseillé d'utiliser
 +la balise ''<div>'' qui est plus souple dans son utilisation.
 +
 +-  
 +<code>Erreur: line xxx, end tag for "td" omitted, but OMITTAG NO was specified
 +Erreur: line xxx, end tag for "p" omitted, but OMITTAG NO was specified
 +</code>
 +
 +Les erreurs sont claires !
 +
 +-  
 +''Erreur: line xxx, there is no attribute "autocomplete"''
 +
 +Tant pis !
 +
 +-  
 +''Erreur: line xxx, reference not terminated by REFC delimiter''
 +Peut-être avez-vous écrit un code html sans le faire suivre de son point-virgule.
 +