3 ms·
Wow, this is great, unlocks lots of freedom. I was under the impression that this was not possible, maybe through web components or <slot>. As a side note, I’v
by callc 9mo ago
Wow, this is great, unlocks lots of freedom. I was under the impression that this was not possible, maybe through web components or <slot>.
As a side note, I’ve been going through all the HTML elements slowly to learn the fundamentals, and it turns out that lots of elements are just a <div> or <span>, with different default styles and default ARIA things.
And a <div> is just a <span> with display block…
This and TFA both help me to realize HTML is pretty darn simple.
- deleted 9mo ago[deleted]
- pests 9mo ago> And a <div> is just a <span> with display block… It's a bit more subtle than that. HTML5 defines "Content Models", two of which are 'Phasing Content' and 'Flow Content'. Phasing Content can only contain text and text-like tags (em, strong, bold) whereas Flow Content can contain anything. Technically <span> is defined as accepting Phrasing Content and <div> accepts Flow Content. Changing this with CSS doesn't change the content model. Although browsers are very forgiving so it all works anyways and this is very in the deep end, I can't think of the last time I've consciously thought of this stuff. https://html.spec.whatwg.org/#the-span-element https://html.spec.whatwg.org/#the-span-element https://html.spec.whatwg.org/#the-div-element https://html.spec.whatwg.org/#the-div-element https://html.spec.whatwg.org/#content-models https://html.spec.whatwg.org/#content-models