L'élément a ne doit pas apparaître comme un descendant de l'élément de bouton

S'il vous plaît aider,
Je suis d'erreur via http://validator.w3.org/ lors de la validation de ma html5 modèle. Je reçois le message "L'élément a ne doit pas apparaître comme un descendant de l'élément de bouton". Je ne peux pas le comprendre. Quelqu'un pourrait-il m'aider à résoudre ce problème?

Voici mon code---

<div class="post-response btn-group btn-group-lg">
   <a href="#"><button type="button" class="btn btn-default"><i class="fa fa-comment"> 5  Comments</i></button></a>
   <a href="#"><button type="button" class="btn btn-default"><i class="fa fa-heart"> 5 Likes</i></button></a>
</div>
Le code donné ne pouvait pas avoir déclenché cette erreur, puisqu'au lieu d'un a élément apparaissant comme un descendant d'une button élément, vous avez un button élément apparaissant comme un descendant d'une a élément. Ni de construire est un code HTML valide, cependant.
double possible de puis-je nest un <button> élément à l'intérieur d'un <a> à l'aide de HTML5?

OriginalL'auteur user44690 | 2014-07-19

  1. 8

    Le Message d'Erreur avoir Répondu à Votre doute Déjà
    Selon la Spec HTML5 Documentation

    vous pouvez imbriquer des éléments à l'intérieur d'un <a> sauf dans les cas suivants:

    <a>

    audio> (si les contrôles attribut est présent)

    <button>

    <details>

    <embed>

    <iframe>

    <img> (si l'attribut usemap)

    <input> (si le type de l'attribut n'est pas dans l'état caché)

    <keygen>

    <label>

    <menu> (si l'attribut type est dans la barre d'état)

    <object> (si l'attribut usemap)

    <select>

    <textarea>

    <video> (si les contrôles attribut est présent)

    Si vous avez besoin d'utiliser un peu de css pour la conception d'un Bouton (ou il y a beaucoup de Méthodes) au lieu d'ajouter Button à l'intérieur de a élément.

    Vous semblez avoir mal compris le message d'erreur vous-même, mais pour être juste, la question ne semble pas avoir été construit correctement.
    Veuillez également des liens vers les spec. Le lien est nécessaire. Voir stackoverflow.com/help/referencing
    Okies 🙂
    Ici c'est w3c.github.io/html/textlevel-sémantique.html#the-un-element

    OriginalL'auteur Shekhar Pankaj

  2. 4

    L'habitude d'erreur à partir du validateur du W3C est:

    Le bouton de l'élément ne doit pas apparaître comme un descendant de l'élément

    Cela fait plus de sens pour votre question, vous avez un bouton qui est un descendant d'une ancre.

    Normalement, vous pourriez résoudre le problème simplement en style de votre balise d'ancrage, ou en plaçant le bouton à l'intérieur d'un élément de formulaire:

    <form style="display: inline" action="http://www.example.com/" method="get">
  <button>Some Call to Action</button>
</form>

    Mais dans votre cas, je ne pense pas que vous avez besoin même de les ancres que vous n'êtes pas relier n'importe où à l'aide de HTML (et si vous êtes à la fixation des événements à l'aide de JavaScript, vous pouvez simplement attacher ces événements le bouton plutôt que de l'ancre.

    OriginalL'auteur Fenton