HTML 5 Terms

Question 1

What are “Web Semantics?

Answer 1

1) Allows you to describe more precisely what your content is.
2) The process of using web languages and syntaxes to add meaning to content.

HTML5 Semantics helps search engines accurately index your content, and make it easier to read.

https://goo.gl/G9pHSy

Question 2

What are “Block Level Elements”?

Answer 2

1) Block Level Elements occupy their own space within normal HTML document flow and can be used to group content inside their respective blocks.
2) A block-level element occupies the entire space of its parent element (container), thereby creating a “block.”
https: //goo.gl/xFRXVL

Question 3

What are “In-line level elements”?

Answer 3

An inline element occupies only the space bounded by the tags that define the inline element.

considered to be text-level and that means they appear in the normal flow of the text

https://goo.gl/59CCj5

Question 4

What are HTML5’s “Content Models?”

Answer 4

Rules defining what kind of content HTML elements can have.

MDN: https://goo.gl/KcMmUa

W3C: https://goo.gl/CWvqPx

Question 5

What does the “Flow Content” Model Contain?

Answer 5

Elements that would be included in the normal flow of the document. Mostly tags that can fit under the tag.

W3C: https://goo.gl/NQ6itU

Question 6

What does the “MetaData Content” Model Contain?

Answer 6

Content that sets up the presentation or behavior of the rest of the page’s content. You’ll primarily find these elements in the head of the document

W3C: https://goo.gl/VAWaBZ

Question 7

What does the “Phrasing content” Model Contain?

Answer 7

The text of the document and elements that are used to markup the text within paragraph-level structures. Same as in-line level elements from the HTML4 specification.

W3C: https://goo.gl/eZRLqY

Question 8

What does the “Embedded content” Model Contain?

Answer 8

Any content that imports other resources into the document.

W3C: https://goo.gl/9ub8fR

Question 9

What does the “Heading content” Model Contain?

Answer 9

Defines the header of a section which can either be explicitly marked up with sectioning elements or implied by the heading content itself.

W3C: https://goo.gl/z6Zl82

Question 10

What does the “Sectioning content” Model Contain?

Answer 10

Defines the scope of headings and footers. Using these elements will create a new section within a document

W3C: https://goo.gl/EBrdq9

Question 11

What does the “Interactive content” Model Contain?

Answer 11

Any content specifically intended for user interaction.

W3C: https://goo.gl/86i25U

Question 12

What are “Top-Level” Elements?

Answer 12

Elements that appear only as children of the root

is the root of the HTML Document

Question 13

What are “Sectioning Elements”?

Answer 13

Elements are used in place of <div> tags to section content, and make the page more semantic

Examples are : , ,, and

</div>

Question 14

What are “Semantic Grouping” Elements?

Answer 14

Elements designed to group content together in meaningful ways.

Examples are: ,, and

Question 15

What is and What does the “HTML Shim/Shiv Code” do?

Answer 15

It is a Conditional Comment/Short snippet of Javascript code

Tells internet Explorer to create these HTML5 elements (Less than IE 9)

Question 16

When organizing your webpage content, it’s good practice to break your content into Two Types of Content. What are those two types? And what does it help create?

Answer 16

Breaking content into Primary and Secondary groups help Create Initial document outline

Allows me to start thinking about the semantic structural elements that I’m gonna use on the page