Version 8 — Juin 2012 — JLuc
------------------
Objectif :
Conversion du squelette de la dist de SPIP3 en version HTML5
Cette page présente les modifications nécessaires et permet de télécharger le zip résultant.
Les vérifications de conformité ont été faites Travail avec http://html5.validator.nu nu
- SPIP SPIP 3..1 Configuration de base
- version de la dist :
- BDD persoorigine SPIP2
NB :
:
- il se peut que toutes les fonctionnalités du squelettes n’aient n’ai pas été envisagées.
- la div page n’a pas demandé à être supprimée mais la conversion est une étape intermédiaire vers jquerymobile.
------------------
- supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplace la <div class="header">
par <header></header>
- remplace <div class="nav"></div>
par <nav></nav>
- remplace <div class="footer"></div>
par <footer></footer>
- remplace « .header », « .nav », « .footer » par « header », « nav », « footer »
- contenu .page replacé dans body, et supprimé
PB Ancre id=’pagination_articles’ // -> The name attribute is obsolete. Consider putting an id attribute on the nearest container instead
- recents.html : remplacement #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
/// je trouve pas le php qui gère l’ancre
- modeles :
#ENV*{bloc_ancre}
(doublons id=’pagination_articles’)> Modeles :
pagination_page_precedent_suivant.html
pagination_precedent_suivant.html
=> <strong class='on' rel='prev'>
// -> Attribute rel not allowed on element strong at this point /// pas trouvé le fichier
>> alors j’utilise #PAGINATION|{page}
comme ça pas de prise de tête
- supprime : autocapitalize="off" autocorrect="off"
// -> Attribute autocapitalize not allowed on element input at this point / Attribute autocorrect not allowed on element input at this point.
CCL : sommaire.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- l.54 supprime name="forum"
// -> The name attribute is obsolete. Consider putting an id attribute on the nearest container instead
- ajout filtre : #TEXTE|vider_attribut{summary}
// -> The summary attribute is obsolete. Consider describing the structure of the table in a caption element or in a figure element containing the table ; or, simplify the structure of the table so that no description is needed
- ou mieux :
>> l.414 supprime .$summary
- ligne 145 supprime rel='footnote'
// -> Bad value footnote for attribute rel on element a : Keyword footnote is not registered
- rev=’footnote’// -> The rev attribute on the a element is obsolete. Use the rel attribute instead, with a term having the opposite meaning. /// Bon...
>> l.164 supprime rev='footnote'
- supprime :
name="comment#ID_FORUM"
l.14name="forum#ID_FORUM"
l.15, 40name="comment#ID_FORUM"
l.39 - supprime self
l.42 // -> Bad value self bookmark for attribute rel on element a : Keyword self is not registered
- remplace #ANCRE_PAGINATION
par <a id='pagination_signatures'></a>
// -> The name attribute is obsolete.
- supprime summary="<:signatures_petition:>"
// -> The summary attribute is obsolete
- <th class="signature-date">
// -> th start tag in table body.
>> reconstruction du tableau selon http://www.whatwg.org/specs/web-apps/current-work/#tabular-data
<tr>
et </tr>
dans <thread>
</thread>
l.12, l.19->20<tbody> </tbody>
après </thread>
et avant </table>
CCL : article.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- l.41 supprime name="forum"
// -> The name attribute is obsolete. Consider putting an id attribute on the nearest container instead
CCL : breve.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplacement #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
CCL : rubrique.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplacement #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
et <a id='pagination_articles_synd'></a>
l.42, 71
CCL : site.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplacement #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
et <a id='pagination_mots_freres'></a>
l.40, 115
CCL : mot.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplacement #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
et <a id='pagination_auteurs'></a>
l.41, 67
CCL : auteur.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
CCL : documents are valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- boulette : remplace <INCLURE{fond=inc-head}>
par <INCLURE{fond=inclure/head} />
=> commité irc _Eric_
- supprime autocapitalize="off" autocorrect="off"
l.15 // -> Attribute autocapitalize not allowed on element input at this point
- remplace <legend><:form_forum_identifiants:></legend>
par <p class="legend"><:form_forum_identifiants:></p>
+ correction forms.css l.65 car rejeté par W3C à cause de du premier legend dans #INCLURE{fond=formulaires/inc-inscription-explication,env}
/// comprends pas pourquoi
CCL : identifiants.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
CCL : plan.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote> - supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
- supprime <div class="page">
et son </div>
- remplace tous les #ANCRE_PAGINATION
par <a id='pagination_articles'></a>
, <a id='pagination_breves'></a>
, etc /// je ne trouve toujours pas le php pour virer le name
CCL : recherche.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).
</blockquote>remplace
<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
par
<!--[if lt IE 7 ]> <html lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="#LANG"class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->