5568 sujets

Sémantique web et HTML

salut, pardonnez mon ignorance, mais je fais un test entre doctype d'html5 et xhtml strict, et les 2 me donnent exactement la même chose sous un navigateur moderne comme chrome.

...pourquoi ? le doctype xhtml ne devrait pas me donner un résultat différent?

voilà mon code en xhtml :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <title>Hello World en HTML 5</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        header {border:1px solid red;}
    </style>
  </head>
  <body>

     <header>
      <h1>Jonathan Petitcolas en HTML 5</h1>
      <nav>
        <ul>
          <li><a href="/">Accueil</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <article>
        <h1>Hello World!</h1>
        <p>Ceci est un hello world! en HTML 5.</p>
        <aside>
           <p><strong>Auteur :</strong> Jonathan Petitcolas</p>
        </aside>
      </article>
    </section>
    <footer>
      <p>Tous droits réservés - Jonathan Petitcolas</p>
    </footer>
        
    </body>
</html>



et la même chose avec le doctype html 5 , qui me donne la même chose :


<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Hello World en HTML 5</title>
    <meta charset="utf-8" />
    <style type="text/css">
        header {border:1px solid red;}
    </style>
  </head>
  <body>
Les navigateurs sont assez permissifs, même si le code est invalide, car on ne peut pas utiliser des balises html5 dans un document xhtml 1.1.

Prend un navigateur pré-html5 (IE<9) et tu verras des problèmes. Smiley cligne

Si tu préfères une syntaxe de type xhtml, tu peux l'utiliser dans un document html5, c'est valide. Smiley smile