Problème de Validation W3C
Résolu
Joeyjordison09
Messages postés
31
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour à toute la communauté !
J'ai un problème avec ma validation W3C, Voici les lignes qui comportent des erreurs,
1. Line 21, Column 43: there is no attribute "TYPE".
<link href="js.css" rel="stylesheet" type="text/css">
L'erreur vient apparement du crochet de l'attribut "type", exactement : type= <<">> text/css">
2. Line 24, Column 30: element "SCRIPT" undefined.
<script type="text/javascript">
L'erreur vient apparement de l'element SCRIPT qui est indéfinis (??) le crochet de fermeture de la ligne de code (>)
3. Pareil pour des parenthèse (celle qui ferment le code généralement) !
Pouvez-vous m'aider sil-vous-plait !
Mon site : https://www.sfr.fr/fermeture-des-pages-perso.html
La page comportant les erreurs c'est l'accueil.
Et pour le code source : http://tools.apocalx.com/code-html/?q=http%3A%2F%2Fravenwards.perso.neuf.fr%2Faccueil.html
Merci d'avance,
JoeyJordison09
J'ai un problème avec ma validation W3C, Voici les lignes qui comportent des erreurs,
1. Line 21, Column 43: there is no attribute "TYPE".
<link href="js.css" rel="stylesheet" type="text/css">
L'erreur vient apparement du crochet de l'attribut "type", exactement : type= <<">> text/css">
2. Line 24, Column 30: element "SCRIPT" undefined.
<script type="text/javascript">
L'erreur vient apparement de l'element SCRIPT qui est indéfinis (??) le crochet de fermeture de la ligne de code (>)
3. Pareil pour des parenthèse (celle qui ferment le code généralement) !
Pouvez-vous m'aider sil-vous-plait !
Mon site : https://www.sfr.fr/fermeture-des-pages-perso.html
La page comportant les erreurs c'est l'accueil.
Et pour le code source : http://tools.apocalx.com/code-html/?q=http%3A%2F%2Fravenwards.perso.neuf.fr%2Faccueil.html
Merci d'avance,
JoeyJordison09
A voir également:
- Problème de Validation W3C
- Ethernet n'a pas de configuration ip valide - Guide
- Commande en cours de validation fnac - Forum Réseaux sociaux
- Commande Fnac en attente d’acceptation ✓ - Forum Consommation & Internet
- Pb retour sur site marchand après validation du paiement - Forum Consommation & Internet
- Cette valeur ne correspond pas aux restrictions de validation des données pour cette cellule ✓ - Forum MacOS
16 réponses
's'cuse, je regardais ton code de plus près.
ça ne sert à rien de corriger à droite à gauche.
ta page est mal construite dès le départ et il y a des erreurs partout, pas que des questions de syntaxe (celles détectées par la validateur) mais aussi des erreurs de sémantique (balises utilisées pour autre chose que ce à quoi elles sont censées servir).
je te propose, ma relecture de ton document, regarde le code source du HTML ça me semble plus clair !
au passage je suis passé à XHTML Strict, tant qu'à faire…
évidemment je n'ai pas tout refais à l'identique mais tu as la structure.
j'ai organisé les fichiers externes (images, CSS et JS), tu devrais t'y retrouver plus facilement.
pour la bannière il faudrait un seul fichier.
j'ai ajouté des bordures rouges aux blocs principaux pour que tu vois la structure.
j'ai viré les JS, il faut les ajouter en dernier (et à mon avis ils ne sont pas d'une grande utilité).
la règle d'or c'est de séparé le contenu (HTML) de la présentation (CSS, JS…)
je t'ai tout mis dans une archive, dis moi ce que tu en penses.
ça ne sert à rien de corriger à droite à gauche.
ta page est mal construite dès le départ et il y a des erreurs partout, pas que des questions de syntaxe (celles détectées par la validateur) mais aussi des erreurs de sémantique (balises utilisées pour autre chose que ce à quoi elles sont censées servir).
je te propose, ma relecture de ton document, regarde le code source du HTML ça me semble plus clair !
au passage je suis passé à XHTML Strict, tant qu'à faire…
évidemment je n'ai pas tout refais à l'identique mais tu as la structure.
j'ai organisé les fichiers externes (images, CSS et JS), tu devrais t'y retrouver plus facilement.
pour la bannière il faudrait un seul fichier.
j'ai ajouté des bordures rouges aux blocs principaux pour que tu vois la structure.
j'ai viré les JS, il faut les ajouter en dernier (et à mon avis ils ne sont pas d'une grande utilité).
la règle d'or c'est de séparé le contenu (HTML) de la présentation (CSS, JS…)
je t'ai tout mis dans une archive, dis moi ce que tu en penses.
salut,
on devrait bientôt passer à HTML 5 et pourtant ça avance pas vite, tu fais de la paléonto-informatique ou quoi ?
en premier, change de DTD !
http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
on devrait bientôt passer à HTML 5 et pourtant ça avance pas vite, tu fais de la paléonto-informatique ou quoi ?
en premier, change de DTD !
http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut
Mais, j'utilise lequel ?! car je ne sais pas, du HTML, du XHTML ? C'est une question sans réponse pour moi depuis le début de ma formation...!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
HTML est moins rigoureux que XHTML.
Transitional est moins exigeant que Strict.
donc commence en HTML 4.01 Transitional.
quand tu connaitras mieux tu pourras passer à XHTML !
+ http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir
Transitional est moins exigeant que Strict.
donc commence en HTML 4.01 Transitional.
quand tu connaitras mieux tu pourras passer à XHTML !
+ http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir
Okay, merci beaucoup mais, je ne fais que modifier le Doctype en Entête de ma page, où il faut adapter du code lors du changement ?
tu ouvres le fichier source dans ton éditeur et tu remplaces la première ligne par ce que tu trouves sur le site !
et c'est tout, le validateur le détectera tout seul !
et c'est tout, le validateur le détectera tout seul !
Merci beaucoup, j'ai réduit de trois/quart les erreurs, mais, il y as quand même des > qui ne vont pas,
Line 44, Column 6: required attribute "TYPE" not specified.
<style>
au second ">" !
Merci de ton aide
Line 44, Column 6: required attribute "TYPE" not specified.
<style>
au second ">" !
Merci de ton aide
<style type="text/css">
la référence c'est la spécification, c'est un peu barbare mais tu y trouveras toutes les règles de définition du langage !
dans ce cas, c'est là !
D'accord merci, et pour les Meta, il ne faut les mettrent que dans l'index du site non ? Car moi je les aient misent dans l'entête de toutes mes pages du site.
Nouveau beuge, ils me disent que j'ai oublié le signe Egal entre l'attribut et la valeur dans le code : <script language="javascript">, pourtant, tout est à sa place...
<script type="text/javascript">
ne désespère pas, maintenant que tu le sais tu produira du code valide directement…
Merci, plus que 46 erreurs.... (Je pense que c'est surtout le fait de ne pas avoir codés avec un éditeur mais totalement à la main !!) je pense que sa seras plus facile ainsi : http://validator.w3.org/...
Line 49, Column 22: document type does not allow element "STYLE" here
Je ne comprends pas, j'ai déplacé le code dans body, rien n'a changé, je dois en faire quoi, le placer où ? Puis ils me disent à la ligne 49, ligne vide dans le code source, entre la ligne 49, au dessus, un code "onclik", au dessous, un code pour le menu du clic droit personnalisé.
Je ne comprends pas, j'ai déplacé le code dans body, rien n'a changé, je dois en faire quoi, le placer où ? Puis ils me disent à la ligne 49, ligne vide dans le code source, entre la ligne 49, au dessus, un code "onclik", au dessous, un code pour le menu du clic droit personnalisé.
Ok merci beaucoup, et surtout merci d'avoir tout refais !! C'est vraiment très gentil.
Par contre je chercherais sur internet mais pas mal de nouveau code, que je ne connais pas ...
Encore merci !
Par contre je chercherais sur internet mais pas mal de nouveau code, que je ne connais pas ...
Encore merci !
Je n'arrive pas a comprendre certaine chose, il n'y as plus la barre de défilement de la table centrale avec les news, ni le phrase entre crochet pour mettre le site en favoris, cette façon de coder est toute nouvelle, je ne comprends vraiment pas ^^, et pourquoi certaint fichiers sont séparés ? comment les réinclure au fichier ? (INCLUDE) ??
Je souhaite reprendre ton code source pour en faire une mise en forme finale comme mon site actuel.
Merci de tes réponses à l'avance...
Je souhaite reprendre ton code source pour en faire une mise en forme finale comme mon site actuel.
Merci de tes réponses à l'avance...
salut,
il n'y as plus la barre de défilement de la table centrale avec les news
si tu l'as veux vraiment :
mais à mon avis, une page web défile déjà par elle-même.
ni le phrase entre crochet pour mettre le site en favoris
j'ai enlevé les JS, tu peux le re-coller au même endroit.
là encore il s'agit d'un doublon avec une fonctionnalité du navigateur. c'est plutôt de l'ordre du gadget mais c'est toi l'patron !
pourquoi certaint fichiers sont séparés
j'ai mis à part les fichiers qui servent à la présentation (CSS et JS).
la règle numéro c'est de séparer la contenu de la mise en forme.
et pour CSS, c'est beaucoup plus pratique, un seul fichier permet de modifier l'aspect de toute les pages du site.
ces fichiers là sont inclus par des balises dans le <head>, à savoir <link> et <script> via l'attribut "src"
pour apprendre les bases très vite, regarde là, il y a quelques liens intéressants.
prends dans XHTML et CSS les cours et tutos, en particulier tuteurs.ens.fr.
il n'y as plus la barre de défilement de la table centrale avec les news
si tu l'as veux vraiment :
div#content{
height:320px; /* la hauteur que tu veux */
overflow:auto; /* pour afficher la barre */
}
mais à mon avis, une page web défile déjà par elle-même.
ni le phrase entre crochet pour mettre le site en favoris
j'ai enlevé les JS, tu peux le re-coller au même endroit.
là encore il s'agit d'un doublon avec une fonctionnalité du navigateur. c'est plutôt de l'ordre du gadget mais c'est toi l'patron !
pourquoi certaint fichiers sont séparés
j'ai mis à part les fichiers qui servent à la présentation (CSS et JS).
la règle numéro c'est de séparer la contenu de la mise en forme.
et pour CSS, c'est beaucoup plus pratique, un seul fichier permet de modifier l'aspect de toute les pages du site.
ces fichiers là sont inclus par des balises dans le <head>, à savoir <link> et <script> via l'attribut "src"
pour apprendre les bases très vite, regarde là, il y a quelques liens intéressants.
prends dans XHTML et CSS les cours et tutos, en particulier tuteurs.ens.fr.
Nouveau problème, comment importer une image dans le code source ? je vois qu'il y as des H1, H2 etc, est-ce sa ?
<h1> et <h2> sont des titres de niveau 1 & 2.
il faut d'abord du contenu textuel dans ton document.
ensuite tu peux l'enjoliver avec CSS.
c'est ce que j'ai fait pour <h1> en utilisant une technique de remplacement de texte en CSS.
mais regarde les cours de tuteurs.ens.fr c'est hyper rapide et ça te permettra de comprendre le fonctionnement logique de tout ça.
et pour te donner une idée de ce qu'on peut faire en XHTML/CSS (et simplement) regarde ce site.
un seul et unique document HTML, mis en page avec différentes CSS.
il faut naviguer de mise en page en mise en page avec les liens classés dans "select a design".
il faut d'abord du contenu textuel dans ton document.
ensuite tu peux l'enjoliver avec CSS.
c'est ce que j'ai fait pour <h1> en utilisant une technique de remplacement de texte en CSS.
mais regarde les cours de tuteurs.ens.fr c'est hyper rapide et ça te permettra de comprendre le fonctionnement logique de tout ça.
et pour te donner une idée de ce qu'on peut faire en XHTML/CSS (et simplement) regarde ce site.
un seul et unique document HTML, mis en page avec différentes CSS.
il faut naviguer de mise en page en mise en page avec les liens classés dans "select a design".