Kann ich die nest-Schaltfläche, die innerhalb einer anderen Taste?
Dies ist ein problem, resultierend aus versucht, um meine html-Semantik so korrekt wie möglich.
Ich habe ein parent-Taste, die beide eine Funktion in der gleichen Seite und dient als übergeordnete Begriffe für einen großen container, die Nester einen Anker -- das leitet zu einer anderen Seite -- und ein div-tag dient auch als Elternteil für eine weitere Taste, wird angenommen, um einige Aktionen.
<button>
<div id="the-most-big-container"
<a href="http://www.RedirectMeToAnotherPage.com"></a>
<div>
<button> do some action </button>
</div>
</div>
</button>
Versuchte ich Schachtelung der Taste, gab es eine Klasse und eine id und keine der Eigenschaften, die ich anwenden, um die Klasse und die id bekommen durchgeführt auf die untergeordnete Schaltfläche, mehr Auch die untergeordnete Schaltfläche wird vollständig aus dem großen Behälter und legt sich in den DOM-so, wie es ist eine komplett unabhängige Tags nicht verschachtelt, indem jeder andere tag.
[Update]
Anscheinend ist dies verboten nest eine Schaltfläche in einem anderen, aber darüber hinaus möchte ich eine Erklärung, warum die verschachtelten Buttons Verhalten sich nicht besser auf die css-Stile, und wie genau es legt sich über das DOM ist nun, ist es jetzt eine komplett unabhängige tag von selbst oder was ?
Auch jetzt werde ich gezwungen sein, ändern Sie die übergeordnete Schaltfläche tag in jedem anderen tag, so dass ich kann nest Kind-Tasten im inneren. Ich möchte einen Vorschlag für einen Ersatz-tag für die Eltern-Schaltfläche-tag
ex: ich könnte das ändern der parent-button in einem div-tag,
aber ich brauche einen tag, das wäre mehr beschreibenden semantisch (etwas anderes als nur ein div),ich hatte das übergeordnete Schaltfläche in den ersten Platz zu handeln als toggle-Taste, so dass, wenn ich es auf Sie zeigt und verbirgt die meisten-großen-container-div.
InformationsquelleAutor AndrewMk | 2016-09-08
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist nicht gültig zu legen
<button>
innerhalb einer<button>
element.In der WC3 Empfehlung für das button-element können Sie Lesen:
Interaktive Inhalte umfasst:
Error: Element div not allowed as child of element button in this context. (Suppressing further errors from this subtree.)
Der Kontext ist, dass eine Taste "display:inline-block". Ändern Sie die Taste, um display:block und es würde "gültig". Sollte Sie es tun, Nein, besser, es nicht zu tun.
die Tatsache, dass es gültig ist oder nicht hängt nicht von den
display
Eigentum, sondern auf die Tatsache, dass die<button>
element ist interaktiv.Ich verstehe, dass, das ist, warum ich "gültig" in doppelten Anführungszeichen.
Ich glaube, es ist
W3C
, nichtWC3
.InformationsquelleAutor web-tiki