Lecture 5.2: HTML5 Content Categories with Elements

Question 1

Flow Content Elements (A-C)

Answer 1

A:
< a > < abbr > < address > < article > < aside > < article >

B:
< b > < bdi > < bdo > < blockquote > < br > < button >

C:
< canvas > < code > < command >

Question 2

Flow Content Elements (D-I)

Answer 2

D:
< data > < datalist > < del > < details > < dfn > < div > < dl >

E-F:
< em > < embed > < fieldset > < footer > < figure > < form >

H-I:
< h1 > through < h6 > < header > < hr > < i > < iframe > < img > < input > < ins >

Question 3

Flow Content Elements (K-R)

Answer 3

K-M:
< kbd > < label > < main > < map > < mark > < math > < menu > < meter >

N-O:
< nav > < noscript > < object > < ol > < output >

P-R:
< p > < picture > < pre > < progress > < q > < ruby >

Question 4

Flow Content Elements (S-W)

Answer 4

S:
< s > <samp> < script > < section > < select > < small > < span > < strong > < sub > < sup > < svg ></samp>

T-W:
< table > < template > < textarea > < time > < u > < ul > < var > < video > < wbr ></samp>

Question 5

Flow Content Elements (Special Conditions)

Answer 5

If “Itemprop” Attribute IS Present:
< link > < meta >

If a Descendant of “Map” Element:
< area >

If “Scoped” Attribute IS Present:
< style >

Question 6

Phrasing Content Elements (A-L)

Answer 6

A-B:
< abbr > < audio > < b > < bdo > < br >

C-D:
< canvas > < cite > < code > < command> < data > < datalist > < dfn >

E-L:
< em > < embed > < i > < iframe > < img > < input > < kbd > < label >

Question 7

Phrasing Content Elements (M-W)

Answer 7

M-P:
< mark > < math > < meter > < noscript > < object > < output > < picture >

Q-Sub:
< q > < ruby > < samp > < script > < select > < small > < span > < strong > < sub >

Sup-W:
< sup > < svg > < textarea > < time > <u> < var > < video > < wbr ></u>

Question 8

Phrasing Content Elements (Special Conditions)

Answer 8

If it Contains Phrasing Content ONLY:
< a > < del > < ins > < map >

If “Itemprop” Attribute is Present:
< link > < meta >

If Descendant of “Map” Element:
< area >

Question 9

Metadata Content Elements

Answer 9

< base > < link > < meta > < noscript > < script > < style > < title >

Question 10

Sectioning Content Elements

Answer 10

< article > < aside > < nav > < section >

Question 11

Heading Content Elements

Answer 11

< h1 > … < h2 > … < h3 > … < h4 > … < h5 > … < h6 >

(All same element, just different ranks)

Question 12

Interactive Content Elements

Answer 12

< a > < button > < details > < embed > < iframe > < label > < select > < textarea >

Question 13

Interactive Content Elements (Special Conditions)

Answer 13

If “Controls” Attribute is Present:
< audio > < video >

If “Usemap” Attribute is Present:
< img > < object >

If “Type” Attribute is NOT in “Hidden” State
< input >

If “Type” Attribute IS in “Toolbar” State
< menu >

Question 14

Embedded Content Elements

Answer 14

< audio > < canvas > < embed > < iframe > < img > < math > < object > < picture > < svg > < video >