Carnet Wiki

HTML5 - Rapport de conversion du squelette SPIP 3 SPIP 3 ..1 en HTML5

Version 22 — Mai 2019 tetue

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 avec http://html5.validator.nu

-  SPIP 3.0.1 Configuration de base
-  version de la dist : 3.0.2
-  BDD perso

NB :
-  il se peut que toutes les fonctionnalités du squelettes n’aient pas été envisagées.
-  la div page n’a pas demandé à être supprimée mais la conversion est une étape intermédiaire vers jquerymobile.

squelettes
+ modification du textwheel

Attention : voir aussi le PS en bas de page


sommaire.html

- supprime PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

- supprime xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG"

- supprime <div class="page"> et son </div>

inclure/header.html

- remplace la <div class="header"></div> par <header></header>

inclure/nav.html

- remplace <div class="nav"></div> par <nav></nav>

inclure/footer.html

- remplace <div class="footer"></div> par <footer></footer>

css/style.css

- remplace « .header », « .nav », « .footer » par « header », « nav », « footer »
- contenu .page replacé dans body, et supprimé

PAGINATION (vu sur sommaire.html)

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 : est-ce que http://zone.spip.org/trac/spip-zone/changeset/93534 corrige aussi ça ?
- modeles :

  • copies des modeles dans squelettes/modeles pour modifications
  • suppression #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

<blockquote class="spip">

>> alors j’utilise #PAGINATION|{page} comme ça pas de prise de tête

</blockquote>

formulaires/recherche.html

- 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.

<blockquote class="spip">

CCL : sommaire.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

article.html

- 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 :

plugins-dist/textwheel/inc/texte.php

 >> l.414 supprime .$summary

plugins-dist/textwheel/inc/notes.php

-  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'

inclure/forum.html

- supprime :

  • name="comment#ID_FORUM" l.14
  • name="forum#ID_FORUM" l.15, 40
  • name="comment#ID_FORUM" l.39

- supprime self l.42 // -> Bad value self bookmark for attribute rel on element a : Keyword self is not registered

inclure/petition.html

- 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

  • ajout <tr> et </tr> dans <thread> </thread> l.12, l.19->20
  • ajout <tbody> </tbody> après </thread> et avant </table>
<blockquote class="spip">

CCL : article.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

breve.html

- 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

<blockquote class="spip">

CCL : breve.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

rubrique.html

- 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>

<blockquote class="spip">

CCL : rubrique.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

site.html

- 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

<blockquote class="spip">

CCL : site.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

mot.html

- 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

<blockquote class="spip">

CCL : mot.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

auteur.html

- 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

<blockquote class="spip">

CCL : auteur.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

404, contact, calendrier.html

- 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>

<blockquote class="spip">

CCL : documents are valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

identifiants.html

- 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_

formulaires/inscription.html

- 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 du premier legend dans #INCLURE{fond=formulaires/inc-inscription-explication,env} /// comprends pas pourquoi

<blockquote class="spip">

CCL : identifiants.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service

</blockquote>

plan.html

- 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>

<blockquote class="spip">

CCL : plan.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

recherche.html

- 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

<blockquote class="spip">

CCL : recherche.html is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

</blockquote>

toutes les pages spip

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]--> 

Documentation


-  Elements obsolètes en HTML5
https://www.w3.org/TR/html5/obsolete.html
https://jaetheme.com/balises-html5/


PS : Modif à ajouter au zip

plugins-dist/forums/formulaires/forum.html

-  documents joints :

// -> Bad value audio,image,video for attribute accept on element input : Expected a token character or / but saw , instead.

l.89 remplacer accept="(#ENV{formats_documents_forum}|join{','})"] />

par accept="(#ENV{formats_documents_forum}|implode{'/*,'})/*"] /> // -> OK W3C /// denisb - irc

plugins-dist/sites/formulaires/site.php

// -> Bad value http:// for attribute value on element input : A component that is required by the scheme is missing

l.17 remplacer 'url_site'=>'http://'
par 'url_site'=>'' // -> OK W3C

On peut aussi remplacer #ANCRE_PAGINATION par #ANCRE_PAGINATION|vide