Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Vide

mushylex

Par mushylex
dans Programmation

 Partager

Messages recommandés

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Bonjour Mushylex,

 

Bon, au niveau du test, tu ne croyais pas chercher la difficulté. Mais tu a commencé très fort, en invoquant la DTD la plus difficile à utiliser, la XHTML 1.0 Strict, le must du must. Tu mets la barre très haut !

 

Corrige déjà une petite erreur, tu as deux balises html, enlèves la seconde: <html>

Ensuite, d'après ta balise html, tu fais du XHTML, donc ta page doit avoir une extension .xhtml

 

Tu fais du xhtml, donc tes balises vides doivent être fermées (par espace slash chevron " />"), ce qui n'est pas le cas de la première <meta>, puis <br> et <img>

 

Ensuite, tu passes ton fichier au validateur W3C, et il te reste deux erreurs de même nature, qui te rappellent que les balises <br> et <img> ne peuvent être utilisées qu'à l'intérieur de blocs <p>, <div>, etc.

 

Et voilà le message magique : This Page Is Valid XHTML 1.0 Strict!

 

Voici le code correct (au sens XHTML) :

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
 <title>Pouet</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <style type="text/css">
<!-- h1 { font-size: x-large ! important;
text-decoration: blink ! important;
}
-->
 </style>
</head>
<body>
<h1>Stéphanie</h1>
<h2> tu es vraiment nul pour les photos !</h2>
<p>
<br />
<img style="width: 2368px; height: 1792px;" alt="" src="HPIM0412.jpg" />
</p>
</body>
</html>

Nota : je suis très surpris que <img style="..." ... /> ait été accepté. Tu devrais t'empresser de remonter les clauses de style dans la feuille de style :

 

#image1 {width: 2368px; height: 1792px;}
...
<img id="image1" alt="mon image 1" title="mon image 1" src="HPIM0412.jpg" />
...

et de compléter les attributs alt (pour IE) et title (recommandation W3C, pour les autres navigateurs), qui sont affichés à l'emplacement de l'image, soit le temps qu'elle arrive, soit quand elle n'arrive pas (et qui servent aussi à renseigner l'internaute non-voyant à qui un dispositif vocal explique le contenu de l'écran).

 

Et tu vas me dire que ton problème reste entier... parce que tes clauses de style <h1> ne donnent pas l'effet souhaité ? :P

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
tu fais du XHTML, donc ta page doit avoir une extension .xhtml
Ah non...

En fait, peu importe l'extension du moment que le serveur Web envoie la page en la déclarant "text/html" ou, pour du pur xhtml strict, "application/xml+html"...

In summary, 'application/xhtml+xml' SHOULD be used for XHTML Family documents, and the use of 'text/html' SHOULD be limited to HTML-compatible XHTML 1.0 documents. 'application/xml' and 'text/xml' MAY also be used, but whenever appropriate, 'application/xhtml+xml' SHOULD be used rather than those generic XML media types.

 

Peut-on savoir pourquoi tu utilises des balises de commentaire html à l'intérieur du contenu que tu as déclaré comme étant "text/css" ?

  <style type="text/css">
 h1 {
font-size: x-large ! important;
text-decoration: blink ! important;
 }
 </style>

Il se pourrait que cela fonctionne mieux...

 

Au passage, je confirme les propos de Dylav : tu devrais éviter de spécifier des attributs de style dans les balises. Certains navigateurs les ignorent purement et simplement si le doctype est xhtml strict et s'ils ne sont pas dans la feuille de style.

Lien vers le commentaire
Partager sur d’autres sites
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Clause de style "image1" : le fait de la mettre dans la feuille de style ne relève pas de XHTML, mais de la notion de séparation entre contenu et présentation (déjà vraie avec HTML). C'est toute la plus-value d'une feuille de style : à chaque fichier ses attributions.

 

DOCTYPE : je te suggère de consulter, sur pompage.net par exemple, l'article Le DOCTYPE qu’il vous faut, de Jeffrey Zeldman (traduit par Benjamin Debouté). Il expose clairement la question et, si tu veux pousser plus loin, offre des tas de liens plus intéressants les uns que les autres...

 

Extension .xhtml : la première fois que tu veux ouvrir un fichier doté d'une extension encore inconnue, Windows te demande avec quel programme tu veux l'ouvrir. Tu peux devancer l'appel avec un clic droit, "ouvrir avec", et choisir IE ou FF ou, s'ils n'apparaissent pas dans le menu contextuel, "choisir le programme", et choisir IE ou FF dans la nouvelle fenêtre qui s'ouvre.

Mais, dans un premier temps au moins, tu peux faire au plus simple et, en tenant compte de la remarque de KewlCat, garder une extension .html, ce qui t'évitera quelques écueils un peu ardus.

 

Anomalies :

- important : il reste dans ton source une dernière anomalie au sens strict d'XHTML, la balise <br> doit s'écrire <br /> (respect de la norme de syntaxe XML pour les balises vides, ou auto-fermantes, c'est-à-dire n'ayant pas le fonctionnement ouverture / fermeture comme <p> ... </p> par exemple).

- anecdotique : si tu regardes bien, dans le <head>, tes deux balises <meta> disent strictement la même chose. Tu peux donc en virer une...

 

Stéphanie ne clignote pas : Etonnant ! Chez moi, Internet Explorer (IE 6.0.29) n'applique pas la directive "blink", alors que FireFox (FF 1.5.0.9) en tient compte (ça clignote)... on a envie de dire que c'est le monde à l'envers ! En fait, IE semble ici oublier d'appliquer une recommandation.

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
en renommant l'extension de .html en .xhtml, quand je veux ouvrir la page, windows me demande si je veux la télécharger...
C'est normal, c'est parce que IE est un ¤@#§% utilitaire dans la plus pure veine de Windows et qu'il se fie d'abord à l'extension avant de se fier aux éléments que le serveur envoie pour décrire le fichier, ou encore au contenu du fichier !

Tant que IE n'aura pas été modifié, laisse l'extension ".html"...

Lien vers le commentaire
Partager sur d’autres sites
fantassin-06 Mega Power Member

fantassin-06

Posté(e)
Posté(e) (modifié)

Pour blink, le site du zéro dit que cette fonction n'est pas reconnue par IE :P

 

blink : clignotant. Attention, cette propriété ne marche pas sous Internet Explorer. Elle fonctionne en revanche bien sur tous les autres navigateurs, dont Mozilla Firefox.

ici dans la partie "un peu de déco"

 

Par rapport au font-size, je ne vois pas de raison (mais je débute) :P .... As tu essayé de vider le cache pour recharger ta page....

Modifié par fantassin-06
Lien vers le commentaire
Partager sur d’autres sites
  • mushylex a modifié le titre en Vide

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...