5568 sujets

Sémantique web et HTML

Nommer les balises en html5

Bonjour,

je passe en html5... et quelques changements d'habitude sont nécessaires.
Auparavant on nommait tous les div ou class:

<div ="header"> par exemple

Maintenant nous avons plusieurs header par exemple
Doit-on les laisser tous introduits par <header>
ou bien pour le principal <header div="top">
ou encore pour les sections..etc

Cordialement
il me semble qu'il n'est pas interdit de mettre des <div> dans un grosse balise <header>
Tes codes ont plusieurs problèmes/incohérences.

Avant le HTML5 on procédait de cette manière :
<div class="header">
 <h1>Titre</h1>
 <p>Et un Paragraphe</p>
</div>

<div class="main">
 <div class="header-main">
  <p>Exemple</p>
 </div>
</div>


En HTML5 on fait comme ceci :

<header>
 <h1>Titre</h1>
 <p>Et un Paragraphe</p>
</header>
<section>
 <header class="section-head"><h2>Titre</h2></header>
 <article><p>BLABLABLABLA</p></article>
 <footer><p>écrit par XXX</p></footer>
</section>


Tu peux bien sûr indiquer n'importe quel classe ou id à tes nouveaux éléments HTML5.
Merci pour ces réponses
Je suppose donc pareil pour une section.
Plutôt que:
<section>
<div class="xx">

Il vaut mieux?
<section class="xx">

Cordialement
Bonjour,

<section class="xx">

Oui ça fonctionne. Mais il suffirait de suivre un tuto sur le html5 non ? Les exemples abondent sur le net...

Notez que depuis peu il existe une balise <main>. Je l'utilise et elle est parfaitement valide.
Modifié par Olivier C (11 Jun 2013 - 18:24)
Bonsoir

J'ai regardé pas mal de tutos et je continue.
Mais là j'avais cette question et dans le tuto dont tu me donnes le lien je n'ai pas la réponse.
je recommence mon dvpt web ( que j'avais stoppé à l'automne) pour découvrir un peu tout ça et redemarrer avec des bases justes.
Je me fais donc "mes outils" ou gabarits..alors c'est utile aussi comme point de départ de se fixer ses conventions de nommage.

Cordialement
Sujet clos
Aller à