Unit B Structuring Content in a Web Document
Page 1
1. User agents and screen readers are the same.
a.
True
b.
False
2. Character encoding is additional code within an opening element tag that specifies information about that element.
a.
True
b.
False
False
1
3. Web content should be brief and scannable.
a.
True
b.
False
4. Semantic elements are grouping elements in HTML5 that indicate the role of their content.
a.
True
b.
False
5. 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.
a.
True
b.
False
False
1
36
6. Browsers display a page as if looking through an imaginary window, which is known as screenview.
a.
True
b.
False
False
1
38
7. A problem that results from incorrectly written code is known as a bug.
a.
True
False
1
28
Unit B Structuring Content in a Web Document
b.
False
8. When testing your website, you need to test it only in your favorite browser.
a.
True
b.
False
False
1
42
9. XHTML is similar to HTML but it needs additional code in some situations, such as closing one-sided tags.
a.
True
b.
False
10. XHTML does not include definitions for HTML5 semantic elements so you must replace HTML5 semantic elements
with div elements.
a.
True
b.
False
11. Debugging is an automated process of comparing code you’ve written against the HTML5 coding standards.
_________________________
False – validation
1
42
12. A common bug is caused by a missing opening tag._________________________
13. The maximum-scale is the scale of the viewport when the document opens._________________________
False – initial-scale
1
38
14. A few commonly used characters have an abbreviation-based alternative code known as a numeric character reference.
_________________________
False – named
Page 3
15. The footer element contains the main elements of site and page navigation._________________________
1
35
16. To make the code easier to read, child elements are usually indented under parent
elements._________________________
17. All HTML elements allow you to set attributes. _________________________
False – Many
1
30
18. A widely used reference for implementing web accessibility is the WCAG, which is maintained by the W3C.
_________________________
19. Meta elements added to the html element generally do not change the accessibility of the document.
_________________________
False – appearance
1
30
20. The div element is usually a child element of other elements on your page. _________________________
False – parent
1
32
21. The ____ element marks content that appears at the start of a document.
a.
section
b.
header
c.
footer
d.
article
b
1
34
22. The numeric character reference for the greater than symbol (>) is ____.
a.
&
b.
'
c.
>
d.
<
1
36
Unit B Structuring Content in a Web Document
1
37
23. 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
d
1
38
24. 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
1
38
25. 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
1
40
26. When you want to check your written code against current HTML coding standards, you should _____ it.
a.
debug
b.
validate
c.
test
d.
post
b
1
42
27. Tags must be written in lower case in _____ .
a.
HTML
b.
XHTML
c.
Both A and B.
d.
Neither A nor B.
b
1
45
28. Tags may be closed out of order in _____ .
a.
HTML
b.
XHTML
c.
Both A and B.
d.
Neither A nor B.
1
1
38
29. Attribute values may be enclosed in _____ .
a.
HTML
b.
XHTML
c.
Both A and B.
d.
Neither A nor B.
1
45
30. One-sided tags must be closed in _____ .
a.
HTML
b.
XHTML
c.
Both A and B.
d.
Neither A nor B.
b
1
45
31. 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
b
1
35
32. Errors listed in the validator always include the ______ .
a.
line number
b.
character number
c.
Both A and B.
d.
Neither A nor B.
1
42
33. 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.
d
1
40
34. 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
45
Unit B Structuring Content in a Web Document
Page 6
35. Which is the character reference for a quotation mark?
a.
"
b.
"
c.
Both A and B.
d.
Neither A nor B.
36. Which is the numeric character reference for the apostrophe?
a.
&
b.
>
c.
'
d.
"
1
37. The code > is a(n) _______ .
a.
meta element
b.
numeric character reference
c.
semantic element
d.
named character reference
d
1
37
38. ______ 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
1
34
39. 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
1
32, 34
40. An attribute is placed within ________ .
a.
the head section
b.
an opening element tag
c.
a closing element tag
d.
the body section
b
1
30
41. Which of the following is not a user agent?
a.
Chrome
1
37
Unit B Structuring Content in a Web Document
b.
Safari
c.
Notepad++
d.
Firefox
1
28
42. In order to meet web accessibility standards, your web pages needs to be _____ .
a.
perceivable
b.
operable
c.
understandable
d.
All of the above.
d
1
28
43. In the figure above, item ____ points to an attribute value.
a.
1
b.
2
c.
3
d.
4
d
1
35
44. In the figure above, item _____ points to a child element of a semantic element.
a.
1
b.
2
c.
3
d.
4
b
Page 8
45. In the figure above, item _____ points to a semantic element.
a.
1
b.
2
c.
3
d.
4
1
35
46. In the figure above, the item ____ points to an opening tag containing an attribute.
a.
1
b.
2
c.
3
d.
4
1
31
47. In the figure above, item ____ points to an attribute value.
a.
1
b.
2
c.
3
d.
4
d
1
31
48. In the figure above, item ____ points to a child element.
a.
1
b.
2
c.
3
d.
4
b
1
31
49. In the figure above, item ____ points to an attribute name.
1
35
Unit B Structuring Content in a Web Document
a.
1
b.
2
c.
3
d.
4
1
31
50. 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.
b
1
30, 31
51. In the figure above, item _____ is pointing to a numeric character reference.
a.
1
b.
2
c.
3
d.
4
1
37
52. In the figure above, item ____ points to a semantic element.
a.
1
b.
2
c.
3
d.
4
b
Page 10
53. In the figure above, item _____ points to a named character reference.
a.
1
b.
2
c.
3
d.
4
d
1
37
54. 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
1
38, 39
55. In the figure above, item ____ points to code used to create a bullet.
a.
1
b.
2
c.
3
d.
4
1
37
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.
56. 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
1
34
Critical Thinking
57. 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
1
Critical Thinking
58. Roger wants to give semantic meaning to the contact information, which is at the bottom of the web page. To do this
1
34, 35
Unit B Structuring Content in a Web Document
he will use a footer element as a ______ of the contact information.
a.
child
b.
parent
c.
sibling
d.
direct child
b
1
35
Critical Thinking
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.
59. 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”
1
38
Critical Thinking
60. 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
1
35
Critical Thinking
61. In the figure above, the section entitled “Encoding” is the ________________ encoding recognized in the meta tag
you entered
character
62. In the figure above, the entry in “Doctype” is detected from your DOCTYPE ________________.
63. 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.
64. HTML5 introduced several ______ elements intended to give meaning to web page elements that were previously
created using div elements.
65. If a div element is used, the div element is the _______ element to the enclosed h2 and p elements.
66. To increase accessibility, many people with visual impairments use ________________ to access the web so that page
content can be read aloud.
67. The meta tag is a(n) ______ tag so it does not require a closing tag in HTML5.
68. Name three of the four goals your website should try to achieve in order to meet accessibility standards. Describe each
briefly.
69. What is the difference between debugging and validating your HTML code and why should you do both?
70. 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?
71. Standalone piece of work, such as a single entry in a blog
72. Part of a page that is tangetial to the main page content
73. Main elements of site and page navigation
74. Content focused on a common theme, such as a chapter of a larger work
75. The information at the end of a web page, often contains the contact information