5568 sujets
Sémantique web et HTML
Bonjour et bienvenue, 
Je pense que tu devrais déjà commencer par lire ceci
:
http://pompage.net/pompe/doctype/
Le choix d'un doctype ne se fait pas en fonction des langages qu'on utilise (-> php ou css ne te contraignent pas à en préférer un) mais plutôt en fonction des objectifs de compatibilité et des intervenants. Si tu n'as jamais fait attention aux normes, mieux vaut commencer par mettre un doctype pour html4.01 transistionnal et t'y conformer. Par la suite et si tu en as besoin, tu pourras passer en html4.01 strict, en xhtml1.0 transitionnal ou strict.
Modifié par koala64 (12 Aug 2007 - 14:45)
Je pense que tu devrais déjà commencer par lire ceci
:http://pompage.net/pompe/doctype/
Le choix d'un doctype ne se fait pas en fonction des langages qu'on utilise (-> php ou css ne te contraignent pas à en préférer un) mais plutôt en fonction des objectifs de compatibilité et des intervenants. Si tu n'as jamais fait attention aux normes, mieux vaut commencer par mettre un doctype pour html4.01 transistionnal et t'y conformer. Par la suite et si tu en as besoin, tu pourras passer en html4.01 strict, en xhtml1.0 transitionnal ou strict.
Modifié par koala64 (12 Aug 2007 - 14:45)
Modération par Florent V.: message supprimé.
Merci de ne pas juste coller ici un message d'erreur, en anglais de surcroit, sans indiquer qu'il s'agit d'une citation, et sans indiquer d'où vient ce message d'erreur.
Merci d'être plus explicite et de poser une véritable question... du moins si vous espérez obtenir de l'aide ou des conseils/explications.
Modifié par Florent V. (12 Aug 2007 - 15:22)
Merci de ne pas juste coller ici un message d'erreur, en anglais de surcroit, sans indiquer qu'il s'agit d'une citation, et sans indiquer d'où vient ce message d'erreur.
Merci d'être plus explicite et de poser une véritable question... du moins si vous espérez obtenir de l'aide ou des conseils/explications.
Modifié par Florent V. (12 Aug 2007 - 15:22)
Bonjour,
Oui et non. Pour les utilisateurs (et surtout pour les navigateurs), ton site est un site en HTML, partiellement ou totalement mis en forme par des styles CSS. Le PHP, pour sa part, n'est pas visible des navigateurs et à fortiori des utilisateurs.
Mais le Doctype concerne uniquement le HTML, qui est la base de ton site. Tu n'as théoriquement pas à te préoccuper de la présence ou non de CSS, et encore moins du langage serveur utilisé.
Ange-Izual a écrit :
Alors mon site est un melange de Php, CSS et Html ?
Oui et non. Pour les utilisateurs (et surtout pour les navigateurs), ton site est un site en HTML, partiellement ou totalement mis en forme par des styles CSS. Le PHP, pour sa part, n'est pas visible des navigateurs et à fortiori des utilisateurs.
Mais le Doctype concerne uniquement le HTML, qui est la base de ton site. Tu n'as théoriquement pas à te préoccuper de la présence ou non de CSS, et encore moins du langage serveur utilisé.
Ok d'accord donc c'est du HTML.
Mais alors pourquoi il n'accepte pas le Strict et le Transitional (HTML 4.01) ?
Chaque fois il me gave avec les " ou les < et > normal, pourtant une balise reste une balise et je comprends pas pourquoi il me gave la dessus ?
Modifié par Ange-Izual (12 Aug 2007 - 16:34)
Mais alors pourquoi il n'accepte pas le Strict et le Transitional (HTML 4.01) ?
Chaque fois il me gave avec les " ou les < et > normal, pourtant une balise reste une balise et je comprends pas pourquoi il me gave la dessus ?
Modifié par Ange-Izual (12 Aug 2007 - 16:34)
Je crois qu'on a un problème de communication, là. Les technologies du Web sont des sujets techniques, qui demandent un minimum de rigueur pour être traités correctement.
Merci de faire l'effort de t'exprimer clairement.
Modifié par Florent V. (12 Aug 2007 - 17:43)
Ange-Izual a écrit :Qui ça, «il»?
Mais alors pourquoi il n'accepte pas le Strict et le Transitional (HTML 4.01) ?
Ange-Izual a écrit :Comment ça, «il me gave»?
Chaque fois il me gave avec les " ou les < et > normal
Merci de faire l'effort de t'exprimer clairement.
Modifié par Florent V. (12 Aug 2007 - 17:43)
"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">"
<html>
<head>
<title>Le site d'un Ange nommé Izual</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Site personnel consacré à la poésie">
<meta name="keywords" content="Site,Poème,Poésie,Ange,Izual">
<meta name="robots" content="index">
<meta name="REVISIT-AFTER" content="7 days">
<style type="text/css"></style>
Voila les premières ligne de mon fichier index.php et voila ce que me met W3C validator :
No Character Encoding Found! Falling back to UTF-8
En gros je comprends qu'il comprends pas le langage ou le codage de l'Europe Centrale non ? bref ca valide toujours pas... meme en HTML 2.0
Modifié par Ange-Izual (12 Aug 2007 - 19:03)
Le doctype ne se met pas entre guillemets.
PS : Truc qui n'a rien à voir :
Modifié par koala64 (12 Aug 2007 - 19:05)
PS : Truc qui n'a rien à voir :
<meta name="REVISIT-AFTER" content="7 days">Modifié par koala64 (12 Aug 2007 - 19:05)
Je vois qu'il y a un petit foutage de gueule sympathique florent ...
Sympa pour un modérateur.
end tag for element "FONT" which is not open
end tag for element "LAYER" which is not open
end tag for element "DIV" which is not open
DOCTYPE" declaration not allowed in instance
there is no attribute "SRC".
there is no attribute "QUALITY".
there is no attribute "WIDTH": width="800" height="150">
( à croire que les valeurs ne se mettent pas entre guillemets je sais pas ??!!! )
Voila facile en effet de copier coller les rapports d'erreur mais moi je pige pas ce qui tracasse ce validateur ...
quand on ouvre des balises on le fait toujours comme ca non?
<p>blablablablablablablablablablablabla</p>
Ou sinon je comprends plus rien...
Sympa pour un modérateur.
end tag for element "FONT" which is not open
end tag for element "LAYER" which is not open
end tag for element "DIV" which is not open
DOCTYPE" declaration not allowed in instance
there is no attribute "SRC".
there is no attribute "QUALITY".
there is no attribute "WIDTH": width="800" height="150">
( à croire que les valeurs ne se mettent pas entre guillemets je sais pas ??!!! )
Voila facile en effet de copier coller les rapports d'erreur mais moi je pige pas ce qui tracasse ce validateur ...
quand on ouvre des balises on le fait toujours comme ca non?
<p>blablablablablablablablablablablabla</p>
Ou sinon je comprends plus rien...
Ange-Izual a écrit :
Je vois qu'il y a un petit foutage de gueule sympathique florent ...
Sympa pour un modérateur.
Ben je crois surtout qu'il y a un problème de méthode de ton côté.
koala64 te signale que ton Doctype est invalide, car entouré de guillements droits (double quotes), ce qui est une erreur de syntaxe. Ce que je relève avec un peu d'humour, histoire que tu ne passes pas à côté de l'information. Donc, question: est-ce que tu as corrigé cela?
Si c'est le cas, j'aurais attendu de ta part un message du type: «J'ai corrigé mon Doctype qui est maintenant valide. Par contre, j'ai toujours un certain nombre d'erreurs renvoyées par le validateur HTML du W3C.»
Là, le problème qui se poserait c'est que:
- ces erreurs sont de natures différentes (problèmes d'encodage, problèmes de syntaxe, utilisation d'attributs inexistants ou non autorisés dans le contexte de leur utilisation);
- si on doit donner une explication pour chaque erreur, ça va être relativement long;
- le validateur du W3C donne déjà un certain nombre d'explications pour chaque erreur, et il peut être utile d'en prendre note.
Par ailleurs, il me semble que la problématique «Aidez-moi à corriger mes erreurs de validation» est assez différente de la problématique «Quel Doctype choisir» (traitée dans un tutoriel du même nom sur Alsacréations). Ça plus tes interventions pas toujours d'une limpidité parfaite, tu comprendras qu'on puisse être un peu désarçonné.
Ange-Izual a écrit :
quand on ouvre des balises on le fait toujours comme ca non?
<p>blablablablablablablablablablablabla</p>
Oui, à l'exception des éléments sans contenu, qui s'écrivaient ainsi:
<élément> <!-- syntaxe HTML -->
<élément /> <!-- syntaxe XHTML -->Mais les erreurs renvoyées disent à priori que le validateur rencontre des balises fermantes (end tag) alors qu'il n'a pas trouvé de correspondance avec une balise ouvrante correspondante.
Pour finir: si on pouvait voir la page, ça aiderait.
L'erreur a bien été corriger rassure toi, le francais je comprends ^^
Pour la page fesant foi pour la validation du W3C est ci dessous :
Il me trouve 22 erreurs dont pas mal de fin de balises
au départ j'en avait 28 donc j'ai pris le temps d'en corriger celle que je comprenais
donc :
Pour la page fesant foi pour la validation du W3C est ci dessous :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<title>Le site d'un Ange nommé Izual</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Site personnel consacré à la poésie">
<meta name="keywords" content="Site,Poème,Poésie,Ange,Izual">
<meta name="robots" content="index">
<meta name="REVISIT-AFTER" content="1 days">
<style type="text/css"></style>
</head>
<body>
<script type="text/javascript" language="JavaScript">
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 1280, doc_height = 1024;
function initRain()
{
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain()
{
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain()
{
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS()
{
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE()
{
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i)
{
initRain();
if (ns4up)
{
if (i == 0)
{
document.write("<layer name='dot"+i+"' left='1' top='1' visibility='show'><font color='white'/></layer>");
}
else
{
document.write("<layer name='dot"+i+"' left='1' top='1' visibility='show'><font color='white'/></layer>");
}
}
else if (ie4up)
{
if (i == 0)
{
document.write("<div id='dot"+i+"' style='POSITION: absolute; Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font color='white'/></div>");
}
else
{
document.write("<div id='dot"+i+"' style='POSITION: absolute; Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font color='white'/></div>");
}
}
}
if (ns4up)
{
raindropNS();
}
else if (ie4up)
{
raindropIE();
}
</SCRIPT>
<div id="Page">
<div id="Banniere">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="GENERATOR" CONTENT="e-anim Phildes">
</HEAD>
<BODY TEXT="#FFFFCC" BGCOLOR="#FFFFFF" LINK="#FFCC33" VLINK="#FF9900" ALINK="#FFFF99">
<CENTER>
<BR>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="789" height="120">
<param name="eanim" value="!e-anim:Banniere">
<param name="movie" value="Banniere.swf">
<param name="quality" value="high">
<embed src="Banniere.swf"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="800" height="150">
</embed>
</object>
</CENTER>
<BR>
</BODY>
</HTML> </div>
<div id="menu">
<html>
<head>
<title>Le site d\'un Ange nommé Izual</title>
<meta name="description" content="Site personnel consacré a la poésie">
<meta name="keywords" content="Site,Poeme,Poesie,Ange,Izual">
<meta name="robots" content="index">
<meta name="REVISIT-AFTER" content="2 days">
<meta http-equiv="Content-Language" content="fr">
<link rel="stylesheet" type="text/css" href="design.css">
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu Principal</dt>
<dd id="smenu1">
<ul>
<li><a href="index.php">Acceuil<br></a></li>
<li><a href="Auteur.php">Auteur<br></a></li>
<li><a href="Livre_Dor.php">Livre d'or<br></a></li>
<li><a href="Demande.php">Demandes<br></a></li>
<li><a href="Album.php">Album Photo<br></a></li>
<li><a href="Forum.php">Forum</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Printemps</dt>
<dd id="smenu2">
<ul>
<li><a href="Poeme12.php">Fantasia <br></a></li>
<li><a href="Poeme31.php">Poésie douce<br></a></li>
<li><a href="Poeme32.php">Moments de Bonheur<br></a></li>
<li><a href="Poeme33.php">Petite Lumière<br></a></li>
<li><a href="Poeme35.php">Mélodie<br></a></li>
<li><a href="Poeme36.php">Vie<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Ete</dt>
<dd id="smenu3">
<ul>
<li><a href="Poeme16.php">Etoiles<br></a></li>
<li><a href="Poeme17.php">Mer <br></a></li>
<li><a href="Poeme24.php">Et parfois je rêve<br></a></li>
<li><a href="Poeme38.php">Et si<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Automne</dt>
<dd id="smenu4">
<ul>
<li><a href="Poeme4.php">Honte<br></a></li>
<li><a href="Poeme5.php">Envie démonique<br></a></li>
<li><a href="Poeme6.php">Un ange noir<br></a></li>
<li><a href="Poeme7.php">Ange Déchu<br></a></li>
<li><a href="Poeme11.php">Solitude<br></a></li>
<li><a href="Poeme15.php">L'ombre de la forêt<br></a></li>
<li><a href="Poeme18.php">Coeur enflammé<br></a></li>
<li><a href="Poeme42.php">Oui tu es triste...<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');">Hiver</dt>
<dd id="smenu5">
<ul>
<li><a href="Poeme8.php">Trahie<br></a></li>
<li><a href="Poeme10.php">Maman<br></a></li>
<li><a href="Poeme29.php">Fataliste<br></a></li>
<li><a href="Poeme30.php">Silence <br></a></li>
<li><a href="Poeme37.php">Dans une bulle<br></a></li>
<li><a href="Poeme39.php">Les larmes d'une rose<br></a></li>
<li><a href="Poeme40.php">Rage et folie furieuse<br></a></li>
<li><a href="Poeme41.php">Si tu savais<br></a></li>
<li><a href="Poeme45.php">Un oiseau en cage<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu6');">Mon Monde</dt>
<dd id="smenu6">
<ul>
<li><a href="Poeme1.php">Vision<br></a></li>
<li><a href="Poeme2.php">Peut-être que...<br></a></li>
<li><a href="Poeme3.php">L'île perdue<br></a></li>
<li><a href="Poeme9.php">De la haine à la passion<br></a></li>
<li><a href="Poeme13.php">Une flamme<br></a></li>
<li><a href="Poeme14.php">Les larmes du soleil<br></a></li>
<li><a href="Poeme25.php">Mais pourquoi<br></a></li>
<li><a href="Poeme26.php">Le regard<br></a></li>
<li><a href="Poeme27.php">Qui suis-je<br></a></li>
<li><a href="Poeme28.php">Je suis<br></a></li>
<li><a href="Poeme34.php">Apprend<br></a></li>
<li><a href="Poeme43.php">Musique de la vie...<br></a></li>
<li><a href="Poeme44.php">Réalise tes rêves<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu7');">Autres Auteurs</dt>
<dd id="smenu7">
<ul>
<li><a href="Poeme19.php">Et ce fut la fin<br></a></li>
<li><a href="Poeme20.php">N'ayez pas peur<br></a></li>
<li><a href="Poeme21.php">Il est...<br></a></li>
<li><a href="Poeme22.php">Souviens toi<br></a></li>
<li><a href="Poeme23.php">Impuissante<br></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu8');">Informations</dt>
<dd id="smenu8">
<ul>
<font color="white">
<li>Votre ip :
128.30.52.49 </li>
<li>Poème en ligne : 46</li>
<li>Date :
12/08/2007
</li>
</font>
</ul>
</dd>
</dl>
</div>
</body>
</html>
</div>
<div id="Acceuil">
</div>
<div id="Signature">
<html>
<head>
</head>
<body>
<center>
<img="Images/Angeizual.jpg">
<font color="#FFFFFF" face="hancock" size="5">Copyright 2006 Design by Izual All right reserved</font>
</center>
</body>
</html> </div>
</div>
Il me trouve 22 erreurs dont pas mal de fin de balises
au départ j'en avait 28 donc j'ai pris le temps d'en corriger celle que je comprenais
donc :
a écrit :[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]
«J'ai corrigé mon Doctype qui est maintenant valide. Par contre, j'ai toujours un certain nombre d'erreurs renvoyées par le validateur HTML du W3C.»
Hello,
Serait-il possible de mettre la page en ligne (par exemple sur un hébergement de test)?
Lorsque tu poste le code sur le forum, les [ i ] utilisés dans le code Javascript sont interprétés comme la balise BBcode correspondante, et comme tu peux le constater le résultat n'est pas très efficace.
Par ailleurs, tu utilises la forme tronquée du Doctype HTML 4.01 Transitional. Cette forme tronquée fera passer les navigateurs en mode Quirks, ce qui n'est à priori pas une bonne idée. Pour obtenir un rendu en mode Standard, il faut utiliser la forme complète:
(On garde les guillemets droits à l'intérieur du Doctype bien sûr, mais pas de guillemets à l'extérieur.)
Serait-il possible de mettre la page en ligne (par exemple sur un hébergement de test)?
Lorsque tu poste le code sur le forum, les [ i ] utilisés dans le code Javascript sont interprétés comme la balise BBcode correspondante, et comme tu peux le constater le résultat n'est pas très efficace.
Par ailleurs, tu utilises la forme tronquée du Doctype HTML 4.01 Transitional. Cette forme tronquée fera passer les navigateurs en mode Quirks, ce qui n'est à priori pas une bonne idée. Pour obtenir un rendu en mode Standard, il faut utiliser la forme complète:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">(On garde les guillemets droits à l'intérieur du Doctype bien sûr, mais pas de guillemets à l'extérieur.)
Pour la validation HTML elle-même: je crois qu'il serait bon de reprendre les bases de la syntaxe HTML. Que font des balises fermantes </div> à la fin du code, après la balise </html>? Pourquoi esst-ce qu'il y a une balise <html> qui traine en plein milieu du code (ce qui fait deux balises <html> dans la page...).
Tu utilises également l'élément embed, qui n'existe pas en HTML (élément propriétaire non standardisé).
Tu utilises par moment la syntaxe XHTML en fermant des éléments avec un « /> », alors que tu déclares du HTML (et donc devrais utiliser la syntaxe HTML).
Ah pardon, il y a en fait quatre balises <html> dans ton code.
Bref, il va falloir tout effacer et recommencer sur des bases saines... comme l'apprentissage de la syntaxe HTML, par exemple.
Une piste:
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
Tu utilises également l'élément embed, qui n'existe pas en HTML (élément propriétaire non standardisé).
Tu utilises par moment la syntaxe XHTML en fermant des éléments avec un « /> », alors que tu déclares du HTML (et donc devrais utiliser la syntaxe HTML).
Ah pardon, il y a en fait quatre balises <html> dans ton code.
Bref, il va falloir tout effacer et recommencer sur des bases saines... comme l'apprentissage de la syntaxe HTML, par exemple.
Une piste:
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
Ange-Izual a écrit :
mais il n'y a que le background de mon site qui s'affiche et j'ai le scroll horizontal qui s'emballe c'est normal ou pas ?
Ben... si tu n'as pas de contenu dans ta page, ou si tu as positionné ton contenu à 200000px du bord supérieur, ou autre chose du genre, c'est normal.
Sinon, pas trop.
Page en ligne?