Learn HTML5, Html5 content models

Before we move on to structuring HTML documents, I wanna take some time to explore HTML’s content models Although this is a bit of an over-simplification, prior to HTML5, elements in HTML were considered to be either block-level or in-line level Block-level elements, like this heading and paragraph that you see here, occupy their own space within normal document flow and can be used to group content inside their respective blocks.

So if I were to preview this in a browser, for example notice that the heading and paragraph are occupying their own blocks of content within the page

In-line level elements are generally found inside block-level elements And those are considered to be text-level and that means they appear in the normal flow of the text, such as this empasized text and the link that you’re seeing here.

These distinctions didn’t accurately cover all of the different content types that authors were likely to encounter And for that reason, HTML5 expanded the content model definitions, in order to give authors

Leave a Reply

Notify of