Pourquoi ce code est-il faux ?

Résolu
Bonjour,

<LINK REL="SHORTCUT ICON" type="animated_favicon1.gif" href="http://monsite.org/favicon.ico">


-Erreur à la colonne 10: il n'y a pas d'attribut "REL"
(L'attribut n'existe pas pour cette balise.)

-Erreur à la colonne 31: il n'y a pas d'attribut "type"
(L'attribut n'existe pas pour cette balise.)

-Erreur à la colonne 60: il n'y a pas d'attribut "href"
(L'attribut n'existe pas pour cette balise.)

-Erreur à la colonne 92: élément "LINK" indéfini
(Balise inconnue. Vérifier que la balise est en minuscule pour les documents XHTML ou que -la balise existe selon le DTD spécifié.)


et sur cesite :
http://www.technolangue.net/imprimer.php3?id_article=312
on nous explique ce qu'est la DTD mais je voudrai comprendre en plus simple ?



--
merci de ne pas oublier de mettre résolu lorsque cela est le cas ou de dire résolu quand vous ne pouvez pas !

+1 permet d'aider les autres !
----------------------------
[Aimer ce n'est pas renoncer à sa liberté, c'est lui donner un sens.]

6 réponses

Résumé de la discussion

Des erreurs surviennent lors de l'utilisation de la balise LINK pour un favicon, avec des mentions sur les attributs rel, type et href et sur la conformité au DTD XHTML. Plusieurs réponses rappellent les notions de DTD et de validité HTML, renvoient vers une FAQ sur le favicon et proposent des exemples d'implémentation compatibles avec les navigateurs modernes et Internet Explorer. Des conseils pratiques évoquent l'utilisation d'un favicon.ico distinct pour IE via des liens conditionnels, et l'importance d'aligner rel, type et href pour éviter les erreurs d'analyse. D'autres échanges suggèrent d'héberger des variantes comme favicon.png à la racine du site et d'adapter les formats image (ico, png, gif) selon le navigateur pour assurer une visibilité universelle.

Bobot (l’IA à votre service)
  1. Modérateur
    tout est expliqué ici :
    https://www.commentcamarche.net/faq/332-favicon-l-icone-de-votre-site-dans-la-barre-d-adresse
    :)
    1. c'est celui dont j'ai pris le favicon : https://www.favicon.cc/ une fois enregistrer il me donne 2 fomat soit : favicon.ico soit favicon.JPG
      et donc je voudrait si ce code changer est bon par rapport au au lien :

      <link rel="icon" type="image/png" href="/images/mafavicon.png" />

      changer :

      <link rel="icon" type="favicon.JPG" href="/images/mafavicon.png" />

      en gras ce que j'ai changer
    2. Modérateur
      il faut mettre ceci dans ce cas :
      <link rel="icon" type="image/png" href="http://www.NOMDETONSITE/favicon.png" />
      En mettant le fichier favicon.png à la racine du site
    3. he he , ça fonctionne @^^mais uniquement avec IE !

      teste fait avec chrome ,et FF
    4. Modérateur
      vide le cache des navigateurs ( ccleaner ) et essaies de nouveau
    5. ah oui aussi la balise > d'après le "validateur W3C" il n'est pas au bon endroit
      et pour ce qui est du cache ,c'est vider ,mais pas e changement :°)
  2. Salut,
    oui ton code est faux, et c'est normal ! car tu utilises très mal les attributs !
    pour utiliser une favicon il te faut ca :
    <link rel="icon" href="images/animated_favicon1.gif" type="image/gif">  
    

    Ce code est valide W3C.
    L'attribut type ne sert pas à mettre le chemin d'accès du favicon mais le type d'image (gif, png, jpg...) ensuite je te conseille de mettre tout en minuscule, la lisibilité en sera meilleure.
    1. en faite j'ai fait que reprendre sur le site le générateur , ^^

      jsute pour info dans le rel,href,type ou je met le "nom de la photos" a quoi correspond les 3 attribut
  3. Modérateur
    <LINK REL="SHORTCUT ICON" type="animated_favicon1.gif" href="http://ww55.monsite.org/favicon.ico">

    1 - déjà le code n'est pas bon
    2 - ensuite tu appelles 2 fichiers de noms et d'extensions différents !
    :)
    1. le code de melooo est
      <link rel="icon" href="images/animated_favicon1.gif" ="imatypege/gif">  


      seulement quoi mettre dans les attribut ? link (le nom de la photos )?, href (le titre), ..ect....
    2. Modérateur
      quels attributs ?
      quelle photo ? il s'agit d'un favicon !!!
    3. oui ,il sagit d'un favicon
      dans les 3 attributs : (rel, href, type )
  4. Salut,

    Concernant la DTD, je cite une phrase du site indiqué :
    « Une DTD définit un modèle de données, qui structure un document XML selon des règles bien définies. »

    Ce n'est pas possible de faire plus simple.
    Avec d'autres mots :
    La DTD est un document qui défini les règles d'un langage basé sur le XML.
    C'est elle qui va indiquer la liste des balises, les attributs et valeurs possibles de chaque balise, si c'est une balise double ( <balise></balise> ) ou auto-fermante ( <balise />), qui peut être contenu dans qui, etc.
    Et un document est valide ou pas selon la DTD utilisée.
    Tu peux donc créé tes propres règles et faire valider ton code avec la DTD.
    Le XHTML est basé sur le XML, c'est pour ça que l'indication de la DTD est obligatoire.
    1. ok ,compris ;)