HTML5 Content Model
Content Model
A content model documents all the different kinds of content you have on your website. It breaks content types down into their component parts, describes them in detail, and maps out how they relate to one another. There are seven different types of content models. THese are explained below.
Metadata:-
Content that sets up the presentation or behavior of the rest of the content. These elements are found in the head of the document.
Examples:-
- < base >
- < link >
- < meta >
- < noscript >
- < script >
- <style >
- < title >
Embedded:-
Content that imports other resources into the document.
Examples:-
- < audio >
- < video >
- < canvas >
- < iframe >
- < img >
- < svg >
- < object >
Interactive:-
Content specifically intended for user interaction.
Examples:-
- < a >
- < audio >
- < video >
- < button >
- < details >
- < embed >
- < iframe >
- < img >
- < label >
- < object >
- < textarea >
- < select >
Heading:-
Defines a section header. In other words, it highlights the important words related to the topic.
Examples:-
- < h2 >
- < h2 >
- < h3 >
- < h4 >
- < h5 >
- < h6 >
- < hgroup >
Phrasing:-
This model has a number of inline-level elements in common with previous HTML versions.
Examples:-
- < img >
- < span >
- < strong >
- < label >
- < br >
- < small >
- < sub >
- < sup >
Sectioning content:-
Defines the scope of headings, content, navigation, and footers.
Examples:-
- < nav >
- < aside >
- < section >
- < article >
Flow content:-
Contains the majority of HTML5 elements that would be included in the normal flow of the document.