Phrasierung Inhalt mit geänderten Anzeige-Eigenschaft in CSS

Question

In der <button> specification part sehen wir, dass der zulässige Inhalt ist nur Phrasing content. Es ist gültig HTML-Code Teil (geprüft here):

<button> 
    <span></span> 
</button> 

Dies gilt nicht, HTML-Code Teil (geprüft here):

<button> 
    <div></div> 
</button> 

Error: Element div not allowed as child of element button in this context. (Suppressing further errors from this subtree.)

Aber wir display Eigenschaft des <span> ändern können:

<button> 
    <span style="display: block"></span> 
</button> 

Und es sieht so aus, als ob wir eine 012 verwendenstattdessen eine <span>, aber das HTML ist gültig. Ist es (durch die Spezifikation) in Ordnung, ein zulässiges Inhaltselement zu verwenden und seine Eigenschaft display zu ändern?

Answer 1

Auch wenn Sie eine Spannweite mit display: block Stil können Sie noch nicht auf Blockebene Elemente innerhalb es ausdrückte:

<div><p>correct</p></div> 
<span style="display: block;"><p>wrong</p></span> 

Die (X) HTML immer noch die (X) HTML-DTD zu gehorchen hat (je nachdem, was man Sie verwenden), egal wie das CSS Dinge verändert.

Sie sind also unterschiedlich, und somit ist hier nichts problematisch.

Answer 2

Aber in HTML5 einige Blockelemente können inline platziert werden! wir sagen über das Setzen von Blockelementen in den Link und in anderen Fällen hat es keinen Sinn. “Block-level” links in HTML5