Lecture 5.1: HTML Content Models

Question 1

A Content Model

Answer 1

A content model refers to a browser’s application of an element’s behavior within its specific model, and its nesting rules.

Question 2

The 2 Traditional Content Models (Before HTML5)

Answer 2

• Block-level Elements

- Inline Elements

Question 3

Block-Level Elements Content Model

Answer 3

Browsers render elements in this category on their own/new line by default. These may nest either inline elements or other block-level elements.

**HTML5 Rough Equivalent: Flow Content

Question 4

Inline Elements Content Model

Answer 4

Browsers render these elements on the same line as the elements before/after them (unless this is altered by a block-level element). These elements can nest other inline elements ONLY.

**HTML5 Rough Equivalent: Phrasing Content

Question 5

Number of Content Models in HTML5

Answer 5

7

Question 6

HTML5 Content Models/Types

Answer 6

1) Flow Content
2) Phrasing Content
3) Metadata Content
4) Sectioning Content
5) Heading Content
6) Interactive Content
7) Embedded Content

Question 7

Flow Content Type

Answer 7

The elements in this category are most of the elements found within the body section of documents and applications.

Question 8

Phrasing Content Type

Answer 8

The elements in this category define the document’s text and markup.

Question 9

Metadata Content Type

Answer 9

The elements in this category set up the presentation/behavior of the document’s content, links, relationships between documents, and conveys other “out of band” information.

Question 10

Sectioning Content Type

Answer 10

This category is a subset of the Flow Content Type and is usable everyhere that flow is expected. These elements create section(s) within the current outline, define the scope of headers and footers, as well as can potentially contain a heading and an outline.

Question 11

Heading Content Type

Answer 11

This category is a subset of Flow Content and is useable wherever flow is expected. These elements define section titles whether marked by a sectioning or heading element.

Question 12

Interactive Content Type

Answer 12

Elements included within this category are specifically designed for user interaction.

Question 13

Embedded Content Type

Answer 13

These elements import other resources or insert content from another markup language or namespace into the document.