18041 sujets

Questions générales et questions de débutants

Validation HTML

Bonjour à tous,

J'ai téléchargé le framework "HTML5 Boilerplate" que j'ai un peu modifié à ma sauce.
Respectueux des standards du web, j'aimerais au moins que mon squelette HTML de base soit conforme aux normes du W3C.

J'ai créé deux modèles, l'un en xHTML1.0 et l'autre en HTML5. Personnellement je préfère utiliser xHTML1.0 car j'utilise le plugin "HTML Validator" sur Firefox qui me permet de voir en temps réel la validation de la page. Malheureusement cela ne fonctionne pas avec HTML5 Smiley ohwell

Plusieurs questions :

1. Existe-il une extension pour Firefox permettant d'afficher les erreurs HTML5 "à la volée" ?

2. Pourquoi la balise 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
présente une erreur à la validation HTML5 alors qu'elle est valide en xHTML1.0 Strict ?

3. Pour intégrer des icônes Apple, comment contourner le fait que l'attribut "sizes=57x57" ne soit pas valide en xHTML1.0 ?

4. Même question pour l'attribut "role" qui n'est pas valide en xHTML1.0

5. Enfin, comment contourner le fait que l'attribut "class" ne soit pas valide en xHTML1.0 sur la balise <html> (pour lui donner par exemple la class .ie6) ?

6. Finalement, est-il plus judicieux laisser tomber xHTML1.0 et de déclarer un DOCTYPE HTML5 même si on ne souhaite pas utiliser les nouvelles balises et fonctionnalités de ce langage ?

Je sais que ça fait beaucoup d'un coup mais ça fait longtemps que je me suis noté ces questions et je suis certain que la communauté d'Alsacréations saura me répondre Smiley cligne

Merci d'avance !

PS : Question bonus pour les utilisateurs de Dreamweaver. Est-il possible dans un document HTML5 de faire en sorte que le logiciel utilise la syntaxe xHTML (pour avoir par exemple <img alt="" src="..." /> avec la balise fermée au bout, plutôt que <img alt="" src="..."> ?
Modifié par jack67 (16 Jan 2013 - 08:47)
Salut,

Le validateur HTML 5 établit une liste d'en-têtes utilisables pour les métas. Pour contourner le problème de la méta X-UA-Compatible, déclare-la côté serveur (fichier .htaccess ou fonction header () en PHP, par exemple).

Tu n'es pas obligé de déclarer la taille de ton icône Apple.

Les attributs ARIA ne sont pas pris en compte par les validateurs HTML 4 et XHTML 1 parce qu'ils n'y sont pas intégrés, contrairement au HTML 5 ; mais, du point de vue des référentiels d'accessibilité (c'est notamment le cas du référentiel Accessiweb), leur utilisation ne remet pas en cause la validité d'un document HTML 4 ou XHTML 1.

En HTML 4 et XHTML 1, l'élément html n'admet que les attributs lang et dir (ainsi que xmlns pour le XHTML 1).

Tout cela ne justifie pas, pour autant, l'utilisation du doctype HTML 5 sans utiliser les nouveautés du HTML 5.
Merci pour ta réponse,

Si je ne déclare pas de taille pour l'icône Apple, cela signifie que je garde uniquement la balise 
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
en livrant l'image la plus grande possible (144x144) ?

Et pour l'attribut "class" à l'élément <html>, je peux le mettre à <body> alors ? Du style :


<!--[if lt IE 7]>      <body class="lt-ie9 lt-ie8 lt-ie7 no-js"> <![endif]-->
<!--[if IE 7]>         <body class="lt-ie9 lt-ie8 no-js"> <![endif]-->
<!--[if IE 8]>         <body class="lt-ie9 no-js"> <![endif]-->
<!--[if gt IE 8]><!--> <body class="no-js"> <!--<![endif]-->
Javert67 a écrit :
Si je ne déclare pas de taille pour l'icône Apple, cela signifie que je garde uniquement la balise 
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
en livrant l'image la plus grande possible (144x144) ?

Tu ne mets pas de balise link et tu mets tes fichiers avec les noms qui vont bien à la racine...

Javert67 a écrit :
Et pour l'attribut "class" à l'élément "html", je peux le mettre à "body" alors ?

Oui.

tm
Merci beaucoup, j'ai appliqué les modifications Smiley smile

Quelqu'un pour m'aider sur la question de Dreamweaver ?
Bonsoir,

Personnellement, pour ne pas "pourrir" mon code, j'ai mis la balise propriétaire MS dans une condition php qui ne l'affiche que pour les users agents ciblés :
<?php if( strstr($_SERVER['HTTP_USER_AGENT'],'MSIE')){ ?>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<?php } ?>

Bien sûr, me dirons certains, l'utilisateur peut changer à loisir la déclaration user agent de son navigateur... mais on peut aussi rouler sans pneus.
Pour moi c'est fichier htaccess avec la technique utilisée dans html5 boilerplate.

Avantage : je ne modifie pas le code html de ma page suivant le navigateur, ça facilite aussi sa mise en cache.

Sinon pour ce genre de chose (des metas pas référencées comme valides), on peut ne pas tenir compte des remarques du validateur : la validation est un outil pas une fin en soi. Smiley cligne
Modifié par Patidou (16 Jan 2013 - 22:39)
Patidou a écrit :
Pour moi c'est fichier htaccess avec la technique utilisée dans html5 boilerplate. Avantage : je ne modifie pas le code html de ma page suivant le navigateur, ça facilite aussi sa mise en cache.

Merci du tuyau, je ne connaissais pas...
Patidou a écrit :
Sinon pour ce genre de chose (des metas pas référencées comme valides), on peut ne pas tenir compte des remarques du validateur : la validation est un outil pas une fin en soi. Smiley cligne

Oui, la validation 0 défaut... encore un Graal.
Sujet clos
Aller à