Introducing The New!
Surepassexam Collection
Get Unlimited Access to all
Surepassexam's PREMIUM files
Q1. Which HTML5 tag is used to mark text that has been added to the original document?
A. <q>
B. <pre>
C. <ins>
D. <i>
Answer: C
Q2. Which code fragment prepares the HTML5 application to be used offline?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: B
Q3. DRAG DROP
Match the HTML5 technologies to the corresponding descriptions. (To answer, drag the appropriate technology from the column on the left to its description on the right. Each technology may be used once, more than once, or not at all. Each correct match is worth one point.)
Answer:
Q4. Which two outcomes will this code fragment accomplish? (Each correct answer presents a complete solution. Choose two.)
A. On pre-HTML5 browsers, the happy.wav file will not play, and instead Hello World will be displayed.
B. On an HTML5 browser that supports .wav files, the happy.wav file will be played and Hello World will be hidden.
C. On an HTML5 browser that supports .wav files, the happy.wav file will be played and Hello World will be displayed.
D. on pre-HTMLS browsers, the happy.wav file will play and Hello World will be hidden.
Answer: A,B
Explanation: Audio on the Web
Until now, there has not been a standard for playing audio files on a web page.
Today, most audio files are played through a plug-in (like flash). However, different
browsers may have different plug-ins.
HTML5 defines a new element which specifies a standard way to embed an audio file on a
web page: the <audio> element.
Browser Support
Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <audio> element.
Example:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Q5. Which two semantic tags are used to define layouts in HTML5? (Choose two.)
A. <footer>
B. <head>
C. <progress:
D. <section>
Answer: A,D
Explanation: New Semantic Elements in HTML5 Many of existing web sites today contains HTML code like this: <div id="nav">, <div class="header">, or <div id="footer">, to indicate navigation links, header, and footer.
HTML5 offers new semantic elements to clearly define different parts of a web page:
<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>
Note: A semantic element clearly describes its meaning to both the browser and the developer.
Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.
Examples of semantic elements: <form>, <table>, and <img> - Clearly defines its content.
Q6. DRAG DROP
Match the CSS terms to the corresponding CSS code examples. (To answer, drag the appropriate CSS term from the column on the left to its CSS code example on the right. Each CSS term may be used once, more than once, or not at all. Each correct match is worth one point.)
Answer:
Q7. You create an interface for a touch-enabled application.
You discover that some of the input buttons do not trigger when you tap the screen.
You need to identify the cause of the problem.
What are two possible causes? (Choose two.)
A. The input areas overlap with other input areas.
B. The touch screen is not initialized.
C. The input areas are using event handlers to detect input.
D. The defined input areas are not large enough.
Answer: A,D
Q8. Which CSS3 code fragment rounds the corners of a border?
A. border-image: 50px;
B. border-clip: 50px concave;
C. border-radius: 50px;
D. border-clip: 50px;
Answer: C
Q9. Which three components define the URL used for localStorage data in HTML5? (Choose three.)
A. scheme
B. user credentials
C. hostname
D. unique port
E. query
Answer: A,C,D
Explanation: localStorage is also the same as globalStorage[location.hostname], with the exception of being scoped to an HTML5 origin (scheme + hostname + non-standard port) and localStorage being an instance of Storage
* HTML5 local storage saves data in string form as key-value pairs. If the data you wish to save is not string data, you are responsible for conversion to and from string when using LocalStorage.
Q10. Which code shows the correct way to nest tags in HTML5?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: D
Q11. Which CSS3 code segment styles the text color of EM elements to be red and semi-transparent?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: B
Q12. Which three code fragments define an HTML input control? (Choose three.)
A. Option A
B. Option B
C. Option C
D. Option D
E. Option E
Answer: C,D,E
Explanation: HTML input types include: button checkbox color date datetime datetime-local email file hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Note:
HTML Forms - The Input Element
The most important form element is the <input> element.
The <input> element is used to select user information.
An <input> element can vary in many ways, depending on the type attribute. An <input>
element can be of type text field, checkbox, password, radio button, submit button, and
more.
Q13. Which HTML5 code fragment shows a way to validate numeric input as having a value from 1 to 100, inclusive?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: D
Q14. Which three statements describe cookies? (Choose three.)
A. They can be created, read, and erased using the document.cookie property.
B. They are limited in size to 5 MB.
C. They are deleted automatically when the session ends.
D. They can be used only by pages on the domain where they were set.
E. They contain the data in the form of a name=value pair.
Answer: A,D,E
Explanation: Note: Cookies are small, usually randomly encoded, text files that help your browser navigate through a particular website. The cookie file is generated by the site you're browsing and is accepted and processed by your computer's browser software. The cookie file is stored in your browser's folder or subfolder.
Q15. DRAG DROP
Match the CSS position property values to the corresponding descriptions. (To answer, drag each value from the column on the left to its description on the right. Each value may be used once, more than once, or not at all. Each correct match is worth one point.)
Answer:
Q16. Which three properties can be used with the TouchEvent object in the Safari touch API? (Choose three.)
A. offsetTop
B. clientHeight
C. scale
D. touches
E. rotation
Answer: C,D,E
Q17. You write the following code. (Line numbers are included for reference only.)
You need to make the text animate up the screen from a starting position of 400 pixels. Which CSS code fragment should you insert at line 13?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: C