1.

What is the role of the <dfn> element in

HTML5?
Answers:
It is used
It is used
It is used
It is used

to
to
to
to

define
define
define
define

important text.
computer code text.
sample computer code.
a definition term.

2. The following are valid use cases of

client file/directory access in HTML5,
except:

It means that streaming of a voice/video frame is

direct, without using any server between them.
It means that streaming of a voice/video frame is
first between one peer to the server then the server
to another peer.
Communication does not rely on a shared relay
server in the network.
6. Which of the following is the correct way
to store an object in localStorage?

Answers:
Drag and drop files from the desktop

var obj = { 'one': 1, 'two': 2, 'three': 3 };

Full file system access

Answers:

Use of the HTML5 File API

localStorage.setItem('obj', obj);

Use of files as HTML5 input types

localStorage.setItem('obj', JSON.stringify(obj));

3. When does the ondragleave mouse event get

fired in HTML5?

localStorage.setItem('testObject',
JSON.parse(testObject));

Answers:

localStorage.setItem(obj);

It gets fired when an element has been dragged to

a valid drop target.

7. Which of the following is the correct way

to display a PDF file in the browser?

It gets fired when an element leaves a valid drop

target.

Answers:

It gets fired at the end of a drag operation.

It gets fired while an element is being dragged.
4. Which of the following is not a valid
syntax for the <link> element in HTML5?
Answers:
<link rel="icon" href="abc.jpg" sizes="16x16">

<object type="application/pdf" data="filename.pdf"

width="100%" height="100%"/>
<object type="application/pdf" id="filename.pdf"
width="100%" height="100%"/>
<input type="application/pdf" data="filename.pdf"
width="100%" height="100%"/>
<input type="application/pdf" src="filename.pdf"
width="100%" height="100%"/>

<link rev="stylesheet" href="abc.css"

type="text/css" target="_parent">

8. Which of the following is the best method

to detect HTML5 Canvas support in web
browsers?

<link rel="alternate" type="application/pdf"

hreflang="fr" href="manual-fr">

Answers:

5. What does P2P streaming mean when web

applications establish a P2P HTTP connection
using HTML?
Answers:

isCanvasSupported()
!!document.createElement("canvas")
!isCanvasSupported()

 !!window.HTMLCanvasElement
9. Which of the following video file formats
are currently supported by the <video>
element of HTML5?
Answers:
CCTV
MPEG 4
Ogg
3GPP
10. Which of the following shows correct use
of client-side data validation in HTML5, on
username and password fields in particular?

Which method will correctly draw an image in

the x=10, y=10 position?
Answers:
ctx.drawImage(img,10,10);
context.drawImage(img,20,10,10,10);
context.drawImage(img,10,20,10,10,20,20,10,10);
All of these
13. How can audio files be played in HTML5?

var sound = new Audio("file.wav");

Answers:

Answers:
sound.begin();
<input name="username" required /> <input
name="pass" type="password" required/>
<input name="username" validate="true"/> <input
name="pass" type="password" validate="true"/>

sound.resume();
sound.start();
sound.play();

<input name="username" validate/> <input

name="pass" type="password" validate/>
There is no way to implement client-side validation
for the username and password fields in HTML5.

14. Which media event will be fired when a

media resource element suddenly becomes
empty?
Answers:

11. Which of the following is not a valid

attribute for the <video> element in HTML5?

onerror

Answers:

onended

controls

onloadeddata

autoplay

onemptied

disabled

15. You are writing the code for an HTML form

and you want the browser to retain the form's
input values. That is, if a user submits the
form and presses the browser's back button,
the fully populated form is displayed instead
of a blank form. Which of the following HTML
5 attributes will you use?

preload
12. Consider the following JavaScript code:

var c=document.getElementById("myCanvas");

Answers:

var ctx=c.getContext("2d");

accept

var img=document.getElementById("img");

autofocus
autocomplete

 formtarget

rel

16. Which of the following HTML5 features is

capable of taking a screenshot of a web page?

charset

Server-Sent Events

20. Which of the following attributes gets

hidden when the user clicks on the element
that it modifies? (Eg. hint text inside the
fields of web forms)

SVG

Answers:

Canvas

autocomplete

Web Workers

autofocus

17. True or False:

placeholder

Answers:

formnovalidate
HTML5 Canvas can be used to create images.
Answers:

21. Which of the following statements

regarding WebSockets is true?
Answers:

True
False

It communicates with the server with only the data

required by the application.

18. The following link is placed on an HTML

webpage:

It lowers the latency of connections for interactive

web applications.

<a href="http://msdn.com/" target="_blank">

MSDN </a>

What can be inferred from it?

Answers:
It will open the site msdn.com in the same window.
It will open the site msdn.com in a new window.
It will open the site msdn.com in a frame below.

It scales better and consumes less server resources

than HTTP AJAX/long-poll.
All of the above.
22. Assuming that some text needs to be
written on an HTML5 canvas, select a
replacement for the commented line below:
<canvas id="e" width="200"
height="200"></canvas>
<script>
var canvas = document.getElementById("e");
//insert code here

It will not be clickable as it is not formed correctly.

19. Which of the following <link> attributes
are not supported in HTML5?
Answers:

context.fillStyle = "blue";
context.font = "bold 16px Arial";
context.fillText("Zibri", 100, 100);
</script>

sizes
Answers:
rev
var context = canvas.getContext();

 var context = canvas.getElementById("context");

var context = canvas.getContext("2d");
var context = canvas.getElementById("2d");
23. Which of the following is a possible way
to get fullscreen video played from the
browser using HTML5?

26. How does a button created by the <button>

tag differ from the one created by an <input>
tag?
Answers:
An input tag button can be a reset button too.
A button tag button can be a reset button too.

Answers:

An input tag button can include images as well.

<object> <param name="allowFullScreen"

value="true" />

A button tag can include images as well.

<video allowFullScreen="true">

27. Which method of HTMLCanvasElement is used

to represent image of Canvas Element?

<video height="100%" width="100%">

Answers:

None of these.

toDataURL()

24. Consider the following items of a

<select> list:

saveAsImage()

<option value="89">Item 1</option>

<option value="90">Item 2</option>
Which of the following values would be passed
on by clicking the submit button on selecting
Item 2 from the list?
Answers:
89
90
Item 1
Item 2
25. Which of the following are the valid
values of the <a> element's target attribute
in HTML5?

saveFile()
exportImage()
28. Can we store JavaScript Objects directly
into localStorage?
Answers:
Yes
No
29. Once an application is offline, it
remains cached until the following happens
(select all that apply):
Answers:
The application cache is programmatically updated.

Answers:

The application cache gets automatically cleared by

the browser.

_blank

The manifest file is modified.

_self

The user clears their browser's data storage for the

site.

_top
_bottom

30. What is the internal/wire format of input

type="date" in HTML5?
Answers:

 DD-MM-YYYY

Using built-in JavaScript methods.

YYYY-MM-DD

34. Which of the following are valid ways to

associate custom data with an HTML5 element?

MM-DD-YYYY
YYYY-DD-MM

Answers:
<tr class="foo" data-id-type="4">

31. Which of the following will detect when

an HTML5 video has finished playing?

<tr class="foo" id-type="4">

Answers:

<tr class="foo" data-id_type="4">

var video =
document.getElementsByTagName('video')[0];
video.onended = function(e) { }

All of the above.

var video =
document.getElementsByTagName('video')[0];
video.onPlayend = function(e) { }
var video =
document.getElementsByTagName('video')[0];
video.onPlayFinish = function(e) { }
var video =
document.getElementsByTagName('video')[0];
video.onPlayBackended = function(e) { }
32. What is the difference between ServerSent Events (SSEs) and WebSockets in HTML5?

35. How can an HTML5 canvas size be changed

so that it fits the entire window?
Answers:
#myCanvas {height: 100%; width: 100%;}
<script type="text/javascript"> function
resize_canvas(){ canvas =
document.getElementById("canvas"); if (canvas.width
< window.innerWidth) { canvas.width =
window.innerWidth; } if (canvas.height <
window.innerHeight) { canvas.height =
window.innerHeight; } } </script>
It depends upon the complexity of the canvas, and
the frequency of redraws.

Answers:
Calling the JavaScript getWidth() function.
WebSockets can perform bi-directional (client-server
and vice versa) data transfers, while SSEs can only
push data to the client/browser.
SSEs can perform bi-directional (client-server and
vice versa) data transfers, while WebSockets can only
push data to the client/browser.
WebSockets and SSEs are functionally equivalent.
None of these.
33. Which of the following methods can be
used to estimate page load times?
Answers:
Using _gaq.push(['_trackPageLoadTime']) with
Google Analytics.
Using the Navigation Timing JavaScript API.
Page load times cannot be estimated.

36. Which method of the HTMLCanvasElement is

used to represent an image of a canvas
element?
Answers:
toDataURL
toImageURL
saveAsPNG
saveAsJPEG
37. Assuming that some text needs to be
written on an HTML5 canvas, select a
replacement for the commented line below:

<canvas id="e" width="200"

height="200"></canvas>

<script>
var canvas = document.getElementById("e");
//insert code here
context.fillStyle = "blue";

Answers:
onstalled
onwaiting
onsuspend

context.font = "bold 16px Arial";

context.fillText("Zibri", 100, 100);
</script>
Answers:
var context = canvas.getContext();
var context = canvas.getElementById("context");
var context = canvas.getContext("2d");
var context = canvas.getElementById("2d");
38. Which of the following code is used to
prevent Webkit spin buttons from appearing on
web pages?
Answers:
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0; }
noindex:-o-prefocus, input[type=number]
{ padding-right: 1.2em; }
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none; padding-right: 1.2em; }
39. Which of the following will restrict an
input element to accept only numerical values
in a text field?
Answers:
<input type="text" pattern="[0-9]*" />
<input type="number" />
<input type="text" pattern="\d*"/>
<input type="text" pattern="number"/>
40. Which media event is triggered when there
is an error in fetching media data in HTML5?

oninvalid
41. Which of the following is the correct way
to check browser support for WebSocket?
Answers:
console.log(WebSocket ? 'supported' : 'not
supported');
console.log(window.WebSocket ? 'supported' : 'not
supported');
console.log(window[WebSocket] ? 'supported' : 'not
supported');
console.log(window['WebSocket'] ? 'supported' :
'not supported');
42. Which of the following is the correct way
to store an object in a localStorage?
Answers:
localStorage.setItem('testObject',
JSON.stringify(testObject))
localStorage.setItem('testObject', testObject)
localStorage.add('testObject', testObject)
localStorage.addItem('testObject', testObject)
43. Which of the following is the correct way
to play an audio file in HTML5?
Answers:
var snd = new Audio("file.wav"); snd.play();
<audio controls> <source src="file.ogg"
type="audio/ogg"> <source src="file.mp3"
type="audio/mpeg"> </audio>
<source src="file.mp3" type="audio/mpeg">
All of these.

44. Which HTML5 doctype declarations are

correct?

Every HTML element is required have an ARIA role

attribute specified.

Answers:
<!doctype html>

The attribute must have a value that is a set of

space-separated tokens representing the various
WAI-ARIA roles that the element belongs to.

<!DOCTYPE html>

There is no ARIA attribute called "role".

<!DOCTYPE HTML5>

48. Which of the following video tag

attributes are invalid in HTML5?

<!DOCTYPE HTML>
45. You want to create a link for your
website allowing users to email the
webmaster. How will you implement this if the
webmaster's email address is
webmaster@xcompany.com?

Answers:
play
loop

Answers:

mute

<a
href="mailto:webmaster@xcompany.com">webmaste
r</a>

pause

<a
href="webmaster@xcompany.com">webmaster</a>

49. Which of the following statements are

correct with regard to the <hr> and <br>
elements of HTML5?
Answers:

<a
http="mail:webmaster@xcompany.com">webmaster
</a>

The <hr> element acts in the same way as the tab

key and the <br> element acts in the same way as
the shift key.

<mail
http="send:webmaster@xcompany.com">webmaster
</mail>

The <hr> element is used to insert the horizontal

line within the document and the <br> element is
used to insert a single line break.

46. Which of the following are sample use

cases for HTML5 web workers?

The <hr> element is used to put a line across the

page and the <br> element acts in the same way as
a return/enter key press.

Answers:
Polling URLs in background

50. Which following are valid default values

for the <input type="date"> HTML5 element?

Syntax highlighting without blocking code editing

capabilities in online IDEs

Answers:

Motion tracking input in realtime with a video

element

now
2013-05-30

All of these.

2013-30-05

47. Which of the following are true about the

ARIA role attribute in HTML5?

today

Answers:
Every HTML element can have an ARIA role
attribute specified.

51. True or false:

JavaScript objects can be stored directly

into localStorage.
Answers:
True
False
52. What is the limit to the length of HTML
attributes?
Answers:
65536
64
There is no limit.
None of these.
53. Which of the following examples contain
invalid implementations of the ampersand
character in HTML5?
Answers:
foo & bar

button
command
checkbox
radio
56. Which event is fired when an element
loses its focus in an HTML5 document?
Answers:
onfocus
onload
onblur
onselect
57. What is the purpose of the <q> element in
HTML5?
Answers:
It is used to define the start of a term in a definition
list.

foo &0 bar

It is used to define attribute values for one or more

columns in a table.

foo &0; bar

It is used to define the start of a short quotation.

foo&&& bar

It is used to define what to show browsers that do

not support the ruby element.

54. Which is the standard method for clearing

a canvas?
Answers:

58. Consider the following items of a

<select> list:

context.clearRect ( x , y , w , h );
<option value="89">Item 1</option>
canvas.width = canvas.width;

<option value="90">Item 2</option>

context.clear();
All of these.
55. In HTML5, which of the following is not a
valid value for the type attribute when used
with the <command> tag shown below?

Which of the following values would be passed

on by clicking the submit button on selecting
Item 2 from the list?
Answers:
89

<command type="?">Click Me!</command>

Answers:

90

 Item 1

JSON.stringify(names); var storedNames =

JSON.parse(localStorage["names"]);

Item 2
59. Which of the following is the best method
to store an array in localStorage?
Answers:
var localStorage[names]=new Array();
localStorage.names[0]=prompt("New member
name?");
var names = []; names[0] = prompt("New member
name?"); localStorage["names"] =

Storage.prototype.setObj = function(key, obj)

{ return this.setItem(key, JSON.stringify(obj)) }
Storage.prototype.getObj = function(key) { return
JSON.parse(this.getItem(key)) }
localStorage.setItem('names_length',
names.length); localStorage.setItem('names_0',
names[0]); localStorage.setItem('names_1',
names[1]); localStorage.setItem('names_' + n,
names[n]);