Treść frazowa ze zmienioną właściwością wyświetlania w CSS

Question

W pliku <button> specification part widzimy, że dozwolona zawartość to tylko Phrasing content. To część poprawny kod HTML (zaznaczone here):

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

To nie jest ważna część kodu HTML (zaznaczone here):

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

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

Ale możemy zmienić display własność <span>:

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

Wygląda na to, że używamy <div> zamiast <span>, ale kod HTML jest prawidłowy. Czy jest w porządku (według specyfikacji), aby użyć dozwolonego elementu treści i zmienić jego właściwość display?

Answer 1

Nawet jeśli styl rozpiętość z display: block nadal nie można umieścić elementy blokowe wewnątrz niego:

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

The (X) HTML nadal musi przestrzegać (X) HTML DTD (w zależności od tego jeden którego używasz), bez względu na to, jak CSS zmienia rzeczy.

Są różne i dlatego nie ma tu nic trudnego.

Answer 2

Ale w HTML5 niektóre elementy bloków mogą być umieszczone wewnątrz linii! mówimy o umieszczaniu elementów blokowych w łączu, aw innych przypadkach nie ma to sensu. “Block-level” links in HTML5