5568 sujets

Sémantique web et HTML

Bonjour,

La validation de mon site me pose quelques problèmes. Je pense avoir respecté les conseils élémentaires et pourtant j'obtiens ce message à chaque fois sur validome.org :

ligne 16 Erreurs: Une barre oblique "/" a été trouvée à la fin d'une balise d'ouverture. Cette syntaxe n'est pas permise en HTML, à la différence de XHTML

Position de l'erreur: <link href="style_1/style_ie.css" rel="stylesheet" type="text/css"/>

Ligne 18 Erreurs: La balise fermante HEAD ne correspond à aucune balise ouvrante.
Position de l'erreur: </head>

Ligne 19 Erreurs: La balise body est interdite ici.
Position de l'erreur: <body>

Ligne 149 Erreurs: noscript est interdit ici. Il manque la balise `APPLET`, `OBJECT`, `MAP`, `IFRAME`, `BUTTON`.
Position de l'erreur: </script> <noscript>analyse mesure frequentation internet par <img src=

Je ne comprend pas les erreurs que je peux avoir sur les balises head et body. J'ai testé avec un code test très simple ne contenant qu'un squelette classique de pages HTML et j'obtiens les mêmes erreurs.
Voilà si quelqu'un comprend ce qu'il y a je le remercie.


Je joins le code de la page :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>++ Savoir-Faire Multimédia ++</title>
    <link rel="shortcut icon" href="images/icon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="title" content="savoir-faire multimédia">
    <meta name="subject" content="">
    

    <meta name="abstract" content="">
    <meta name="keywords" content="">

	
	          <link href="style_1/style.css" rel="stylesheet" type="text/css"/>
		
  </head>
  <body>
    <div id="mainwrap">
      <div id="header"></div>
      <div id="nav">

        <div id="icon">
          <a href="docs/cvagostinibertrand.pdf" title=
          "Télécharger mon CV au format pdf"><img src="images/ICO_Download.gif"
          alt="Télécharger mon CV au format pdf" width="16" height="16" border=
          "0"></a>      <a href="contact.php" title=
          "Remplissez un formulaire de contact"><img src="images/ICO_Mail.gif"
          alt="Remplissez un formulaire de contact" width="18" height="16"
          border="0"></a>
        </div>
        <div id="menu">
          <ul>
            <li>
              <a href="index.php">Accueil</a>
            </li>

            <li>
              <a href="web.php">Site web</a>
            </li>
            <li>
              <a href="actualisation.php">Actualisation</a>
            </li>
            <li>
              <a href="projet.php">Projet multimedia</a>

            </li>
            <li>
              <a href="elearning.php">E-learning</a>
            </li>
            <li>
              <a href="audiovideo.php">Audiovisuel</a>
            </li>
            <li>

              <a href="design.php">Design</a>
            </li>
            <li>
              <a href="langages.php">Langages web</a>
            </li>
            <li>
              <a href="lexique.php">Lexique</a>

            </li>
          </ul>
        </div><br>
        <br>
        <div id="switcher">
          <p>
            Changer de thème :
          </p>
          <form method="post" action="">

            <select name="style">
              <option value="style_1">
                Océan
              </option>
              <option value="style_2">
                Jade
              </option>
              <option value="style_3">
                Ocre
              </option>

              <option value="style_4">
                Azur
              </option>
            </select> <input type="submit" name="change_style" value="OK">
          </form>
        </div>
      </div>
      <div id="contenu">
        <div id="date">

          Lundi 4 Décembre 2006        </div><br>
        <h2>
          Vous avez un projet multimédia ?
        </h2>
        <p>
          <img src="images/_lettre_vide.gif" alt="F" id="lettre" name=
          "lettre">aites appel à un professionnel qui sera à votre écoute pour
          vous apporter des solutions adaptées dans :
        </p>
        <p>
           
        </p>

        <div id="puce">
          <p>
            <img src="images/_puce.gif" alt="puce" width="8" height="13"> La
            <a href="web.php">conception</a> de sites Web
          </p>
          <p>
            <img src="images/_puce.gif" alt="puce" width="8" height="13">
            L'<a href="actualisation.php">actualisation, la gestion de contenus
            et l'animation</a> de sites
          </p>

          <p>
            <img src="images/_puce.gif" alt="puce" width="8" height="13"> La
            gestion de <a href="projet.php">projets multimédia</a>
          </p>
          <p>
             
          </p>
        </div>
        <div>

          <p>
            Si vous avez un projet, une idée, un site web à concevoir ou à
            mettre à jour : <a href="contact.php">contactez moi !</a>
          </p>
        </div>
        <div>
          <p>
            Vous pouvez aussi consulter mon <a href=
            "docs/cvagostinibertrand.pdf" target="_blank">cv au format pdf</a>

          </p>
        </div>
      </div>
    </div>
    <div id="footer">
      <p>
        Savoir-faire multimédia © 2006 - <a href=
        "http://www.xiti.com/xiti.asp?s=275878" title=
        "Mesurez votre audience"><script type="text/javascript">
<!--
        Xt_param = 's=275878&p=index';
        try {Xt_r = top.document.referrer;}
        catch(e) {Xt_r = document.referrer; }
        Xt_h = new Date();
        Xt_i = '<img width="39" height="25" border="0" ';
        Xt_i += 'src="http://logv32.xiti.com/hit.xiti?'+Xt_param;
        Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
        if(parseFloat(navigator.appVersion)>=4)
        {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
        document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
        //-->
        </script> <noscript>analyse mesure frequentation internet par <img src=
        "http://logv32.xiti.com/hit.xiti?s=275878&amp;p=index" alt=
        "Analyse d'audience" width="39" height="25" border="0"></noscript></a>

        - <!--DEBUT WEBOSCOPE FREE - Weborama -->
         <script type="text/javascript">
WEBO_ZONE=1;
        WEBO_PAGE=1;
        webogold_ok=0;
        </script> <script type="text/javascript" src=
        "http://script.weborama.fr/gold.js">
</script> <script type="text/javascript">
if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,252382);}
        </script> <noscript><a href="http://www.weboscope.com">Weboscope</a>
        mesure d'audience, statistiques, ROI<br>
        <a href="http://www.weborama.fr">Classement des meilleurs sites</a> et
        positionnement</noscript> <!--FIN WEBOSCOPE FREE - Weborama -->
         - <a href='http://www.webmasters-en-france.com' title=
        'Webmasters en France' target='_blank'>Webmasters en France</a>

         </div>
  </body>
</html>

Modifié par antara (05 Dec 2006 - 14:41)
Hello,

En HTML (contrairement au XML et donc XHTML), les balises autant-fermantes comme <meta>, <link>, ... ne doivent pas être fermées.

Tu dois donc écrire <link ...> et non <link ... />.