Le validateur du W3C se plaindre de dupliquer div

- Je utiliser un clear div dans plusieurs endroits dans un seul fichier HTML, un la:

#clear
{
    clear: both;
}

utilisation:

<div id="clear">
</div>

Mais W3C HTML5 validateur semble se plaindre que chaque utilisation ultérieure après la première utilisation, il est un double "ID":

Le validateur du W3C se plaindre de dupliquer div

Pourquoi n'est-ce pas valide? Comment êtes-vous censé utiliser clear divs plusieurs fois sur une seule page, si il n'est pas techniquement valide?

Note: ceci est la plupart du temps simplement informative question, mon code HTML rend bien sur tous les navigateurs modernes, et étant donné que c'est la seule erreur de l'HTML5 validateur peut trouver, je n'ai pas reall de soins, mais je voudrais juste savoir pourquoi c'est considéré comme un problème.

OriginalL'auteur Rob | 2011-01-16

  1. 10

    En HTML, id attributs doit être unique dans tout le document. Si vous voulez plusieurs clair <div> éléments, l'utilisation d'un classe à la place:

    .clear
{
    clear: both;
}
    <div class="clear">
</div>
    intéressant, je n'étais pas au courant. Liens mis à jour, merci pour la gaffe de la liste 🙂
    Merci - c'est parfaitement logique.
    Pourquoi ma page s'afficher différemment si j'utilise class="clear" au lieu de id="clear"?
    c'est probablement parce qu'il n'était pas valide avant, de sorte qu'il a forcé le navigateur à tomber en arrière en mode quirks lors du rendu. Maintenant qu'il est valide, le navigateur peut afficher dans le mode standard.
    Hmm - le seul problème est que l'utilisation class="clear" les résultats dans un très mince vide bande sur le haut de ma page, à propos de 6 pixels de haut, je suppose. Vraiment bizarre, je sais, mais dès que je reviens à id="clear", elle fonctionne très bien et ressemble beaucoup. Des idées?

    OriginalL'auteur Frédéric Hamidi

  2. 2

    Car en Double "ID".

    Vous ne pouvez pas avoir plus d'un élément avec un ID spécifique sur le site web. Utilisation de la classe à la place.

    .clear {
  /*code here*/
}

<div class="clear"></div>

    Classes peut être répétée autant de fois que vous voulez, mais l'Id peut être utilisé une seule fois.

    OriginalL'auteur Jan Sverre

  3. 1

    Un id identifie de manière unique un élément et ne peut être réutilisé dans un document unique.

    Si vous souhaitez indiquer que plusieurs éléments ont quelque chose en commun, l'utilisation d'un classe. Vous devrez modifier votre CSS pour utiliser un sélecteur de classe.

    Cela dit, l'insertion d'éléments supplémentaires qui ne font rien, à l'exception de définir clairement qui est laid et vous devriez probablement regarder une technique alternative je vous suggère de overflow: hidden dans la plupart des cas.

    OriginalL'auteur Quentin

  4. 1

    Vous devriez être en utilisant un classe attribut.

    ID de valeurs d'attribut sont censés être unique dans une page.

    <div class="clear">
</div>

.clear
{
    clear: both;
}

    OriginalL'auteur Oded