Markup Languages: More Than HTML5 - Web Standards: Mastering HTML5, CSS3, and XML - page 96

Some nesting rules require the knowledge of content categories. In HTML5, the following kinds of content are
differentiated [49]:

• Metadata content : Content that determines the presentation or behavior of the page content, sets
up the relationship of the document with other documents, or provides additional information.

base , command , link , meta , noscript , script , style , title
• Flow content : Most elements that are used in the document and application body are referred
to as flow content.

a , abbr , address , area (as a descendant of a map element), article , aside , audio , b , bdi , bdo ,
blockquote , br , button , canvas , cite , code , datalist , del , details , dfn , div , dl , em , embed ,
fieldset , figure , footer , form , h1 , h2 , h3 , h4 , h5 , h6 , header , hr , i , iframe , img , input , ins ,
kbd , keygen , label , map , mark , math , meter , nav , noscript , object , ol , output , p , pre , progress ,
q , ruby , s , samp , script , section , select , small , span , strong , style (only with the scoped
attribute), sub , sup , svg , table , textarea , time , u , ul , var , video , wbr , and textual content
• Sectioning content : Content that defines the scope of headings and footers.

article , aside , nav , section
• Heading content : Content that defines the header of a section.

h1 , h2 , h3 , h4 , h5 , h6
• Phrasing content : The document text and elements in paragraphs.

a (only with phrasing content), abbr , area (as a descendant of a map element), audio , b , bdi ,
bdo , br , button , canvas , cite , codedatalist , del (only with phrasing content), dfn , em , embed , i ,
iframe , img , input , ins (only with phrasing content), kbd , keygen , label , map (only with phrasing
content), mark , math , meter , noscript , object , output , progress , q , ruby , s , samp , script , select ,
small , span , strong , sub , sup , svg , textarea , time , u , var , video , wbr , and textual content
• Embedded content : Imported content from external resources or content from another
vocabulary directly embedded into the document.

audio , canvas , embed , iframe , img , math , object , svg , video
• Interactive content : Content dedicated to user interaction.

a , audio (only with the controls attribute), button , details , embed , iframe , img (only with the
usemap attribute), input (only if the type attribute is not set to hidden ), keygen , label , object
(only with the usemap attribute), select , textarea , video (only with the controls attribute)
The most common elements can be nested as follows:
•

html
• head
• title (required)
• script , style
CDATA •

• base , meta , link (empty)
• object
•

param (empty)
flow •