Deck 2: Structuring Content in a Web Document

Question 1

XHTML is similar to HTML but it needs additional code in some situations, such as closing one-sided tags.

Answer 1

True

Question 2

User agents and screen readers are the same.

Answer 2

False

Question 3

Meta elements added to the html element generally do not change the accessibility of the document. _________________________

Answer 3

False

Question 4

Character encoding is additional code within an opening element tag that specifies information about that element.

Question 5

A few commonly used characters have an abbreviation-based alternative code known as a numeric character reference. _________________________

Question 6

When testing your website, you need to test it only in your favorite browser.

Question 7

A widely used reference for implementing web accessibility is the WCAG, which is maintained by the W3C. _________________________

Question 8

A common bug is caused by a missing opening tag._________________________

Question 9

The footer   element contains the main elements of site and page navigation._________________________

Question 10

A problem that results from incorrectly written code is known as a bug.

Question 11

To avoid the risk of being misinterpreted by user agents, you use a UTF-8 character code when you want to add the & symbol to your code.

Question 12

To make the code easier to read, child elements are usually indented under parent elements._________________________

Question 13

Semantic elements are grouping elements in HTML5 that indicate the role of their content.

Question 14

Debugging  is an automated process of comparing code you've written against the HTML5 coding standards. _________________________

Question 15

The div element is usually a child element of other elements on your page. _________________________

Question 16

All HTML elements allow you to set attributes.  _________________________

Question 17

Web content should be brief and scannable.

Question 18

The maximum-scale is the scale of the viewport when the document opens._________________________

Question 19

Browsers display a page as if looking through an imaginary window, which is known as screenview.

Question 20

XHTML does not include definitions for HTML5 semantic elements so you must replace HTML5 semantic elements with div elements.

Question 21

Even though the viewport meta element supports many content options, you usually only need to use the width value _____  .

A) initial-scale
B) user-scalable
C) device-width
D) maximum-scale

Question 22

The  ____ element marks content that appears at the start of a document.

A) section
B) header
C) footer
D) article

Question 23

While you can use the _____ as a parent element on your page to group related content but it has limited semantic meaning.

A) article
B) section
C) div
D) nav

Question 24

An attribute is placed within  ________ .

A) the head section
B) an opening element tag
C) a closing element tag
D) the body section

Question 25

Which is the numeric character reference for the apostrophe?

A) &
B) >
C) '
D) "

Question 26

The code > is a(n) _______ .

A) meta element
B) numeric character reference
C) semantic element
D) named character reference

Question 27

Tags must be written in lower case in _____ .

A) HTML
B) XHTML
C) Both A and B.
D) Neither A nor B.

Question 28

Which of the following is a common cause for an element to appear different than expected?

A) Missing tags around the content
B) Opening tag missing
C) Wrong tags used to close the element
D) All of the above.

Question 29

One-sided tags must be closed in _____ .

A) HTML
B) XHTML
C) Both A and B.
D) Neither A nor B.

Question 30

Errors listed in the validator always include the ______ .

A) line number
B) character number
C) Both A and B.
D) Neither A nor B.

Question 31

The viewport attribute property that allows a user to zoom in or out is _____.

A) initial-scale
B) minimum-scale
C) maximum-scale
D) user-scalable

Question 32

Which of the following sets the lower limit on the scale of the viewport?

A) min-width
B) min-height
C) minimum-scale
D) min- viewport

Question 33

Which is the character reference for a quotation mark?

A) "
B) "
C) Both A and B.
D) Neither A nor B.

Question 34

______ are grouping elements in HTML5 that indicate the role of their content.

A) Semantic elements
B) Meta elements
C) Section elements
D) Block-level elements

Question 35

The numeric character reference for the greater than symbol (>) is ____.

A) &
B) '
C) >
D) <

Question 36

Attribute values may be enclosed in _____ .

A) HTML
B) XHTML
C) Both A and B.
D) Neither A nor B.

Question 37

The HTML5 semantic element that is used for a stand-alone piece of work, such as a single entry in a blog is a(n) _____ .

A) aside
B) article
C) section
D) header

Question 38

Tags may be closed out of order in _____ .

A) HTML
B) XHTML
C) Both A and B.
D) Neither A nor B.

Question 39

Which of the following is a common cause for a special character not displaying as expected?

A) Closing > omitted from tag
B) Opening tag missing
C) # omitted from start of code
D) ! missing from end of code

Question 40

When you want to check your written code against current HTML coding standards, you should _____ it.

A) debug
B) validate
C) test
D) post

Question 41

In the figure above, item _____ points to a named character reference.

A) 1
B) 2
C) 3
D) 4

Question 42

Case-Based Critical Thinking Question
Roger has is developing a new website for a small chain of New York-style pizza parlors. He is exploring using HTML 5 semantic elements.
Roger would like to add comments from customers on the site. He will do this using a(n) _____ element.

A) aside
B) comments
C) article
D) section

Question 43

In the figure above, item ____ points to an attribute value.

A) 1
B) 2
C) 3
D) 4

Question 44

In the figure above, item _____ is pointing to a numeric character reference.

A) 1
B) 2
C) 3
D) 4

Question 45

Case-Based Critical Thinking Question
Erin is creating a pet sitting website. She wants the site to be easy to read on a mobile device.
Erin investigates different viewport attribute properties. She wants her web page to scale to fit a web browser, so she will use width = _____ .  

A) "device-width"
B) "initial-scale"
C) "browser-width"
D) "maximum-scale"

Question 46

In th e figure above, item  ____ points to an attribute value.

A) 1
B) 2
C) 3
D) 4

Question 47

In the figure above, the item  ____ points to an opening tag containing an attribute.

A) 1
B) 2
C) 3
D) 4

Question 48

Which of the following is not a user agent?

A) Chrome
B) Safari
C) Notepad++
D) Firefox

Question 49

Case-Based Critical Thinking Question
Roger has is developing a new website for a small chain of New York-style pizza parlors. He is exploring using HTML 5 semantic elements.
Roger wants to give semantic meaning to the contact information, which is at the bottom of the web page. To do this he will use a footer element as a ______ of the contact information.

A) child
B) parent
C) sibling
D) direct child

Question 50

In the figure above, item ____ points to code used to create a bullet.

A) 1
B) 2
C) 3
D) 4

Question 51

In the figure above, item  ____ points to a child element.

A) 1
B) 2
C) 3
D) 4

Question 52

In the figure above, item  ____ points to an element that scales the page to fit the browser window.

A) 1
B) 2
C) 3
D) 4

Question 53

In the figure above, item _____ points to a semantic element.

A) 1
B) 2
C) 3
D) 4

Question 54

Case-Based Critical Thinking Question
Roger has is developing a new website for a small chain of New York-style pizza parlors. He is exploring using HTML 5 semantic elements.
While doing his research, Roger discovers that the use of these semantic elements requires a(n) ____ to work properly with IE8.

A) script element
B) meta element
C) div element
D) UTF-8 attribute

Question 55

Case-Based Critical Thinking Question
Erin is creating a pet sitting website. She wants the site to be easy to read on a mobile device.
Erin is trying to decide if she wants user to be able to zoom a page. If she decides that she does, then she will use the ____ viewport attribute.

A) initial-scale
B) zoon-ondemand
C) user-scalable
D) grow page

Question 56

In the figure above, item ____ points to an attribute name.

A) 1
B) 2
C) 3
D) 4

Question 57

In the figure above, item  ____ points to a semantic element.

A) 1
B) 2
C) 3
D) 4

Question 58

In the figure above, item _____ points to a child element of a semantic   element.

A) 1
B) 2
C) 3
D) 4

Question 59

Based on the figure above, the HTML document will be in what language?

A) English
B) UTF-8
C) Both A and B.
D) Neither A nor B.

Question 60

In order to meet web accessibility standards, your web pages needs to be _____ .

A) perceivable
B) operable
C) understandable
D) All of the above.

Question 62

Name three of the four goals your website should try to achieve in order to meet accessibility standards. Describe each briefly.

Question 63

In the figure above, the section entitled "Encoding" is the ________________ encoding recognized in the meta tag you entered

Question 64

To increase accessibility, many people with visual impairments use ________________ to access the web so that page content can be read aloud.

Question 65

HTML5 introduced several ______ elements intended to give meaning to web page elements that were previously created using div elements.

Question 66

The meta tag is a(n) ______ tag so it does not require a closing tag in HTML5.

Question 67

Please describe each of the following viewport attribute values: width , height , initial-scale , minimum-scale , maximum-scale , user-scalable , and device-width . Which is the most commonly used attribute and why?

Question 68

What is the difference between debugging and validating your HTML code and why should you do both?

Question 69

If a div element is used, the div element is the _______ element to the enclosed h2 and p elements.

Question 70

In the figure above, the entry in "Doctype" is detected from your DOCTYPE ________________.

Question 71

Because recent versions of Internet Explorer interpret semantic elements in unexpected ways, you can ensure compatibility by including a _____, which is more complex web code written in another programming language.