Monday, 27 August 2018

HTML5 Test Upwork 2018 Answers

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 = documen…
  1. var context = canvas.getContext();
  2. var context = canvas.getElementById(“context”);
  3. var context = canvas.getContext(“2d”); (Ans)
  4. var context = canvas.getElementById(“2d”);
Which of the following <section> elements have the correct attribute assignment as per HTML 5.0?
1. <section id=”example”>…</section id=”example”>
2. <section id=”example”>…</section id=”example2″>
3. <section id=”EXAMPLE”>…</section>
4. <section id=”Example”>…</section>
5. <section id=”example”>…</section>
    Ans : c.
    Ans : d.
    Ans : e.
Which of the following are valid HTML 5.0 elements?
1. <canvas>
2. <summary>
3. <aside>
4. <video>
     Ans : a.
     Ans : c.
     Ans : d.
Can we store JavaScript Objects directly into localStorage?
  1. Yes
  2. No (ans)
Consider the following items of a <select> list: <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 butt…
  1. 89
  2. 90
  3. Item 1 (ans)
  4. Item 2
Consider the following JavaScript code: var c=document.getElementById(“myCanvas”); var ctx=c.getContext(“2d”); var img=document.getElementById(“img”); Which method will correctly draw an image in…
  1. ctx.drawImage(img,10,10); (ans)
  2. context.drawImage(img,20,10,10,10);
  3. context.drawImage(img,10,20,10,10,20,20,10,10);
  4. All of these
What is the difference between Server-Sent Events (SSEs) and WebSockets in HTML5?
  1. WebSockets can perform bi-directional (client-server and vice versa) data transfers, while SSEs can only push data to the client/browser.(ans)
  2. SSEs can perform bi-directional (client-server and vice versa) data transfers, while WebSockets can only push data to the client/browser.
  3. WebSockets and SSEs are functionally equivalent.
  4. None of these.
What is the internal/wire format of input type=”date” in HTML5?
  1. DD-MM-YYYY
  2. YYYY-MM-DD (ans)
  3. MM-DD-YYYY
  4. YYYY-DD-MM
What is the limit to the length of HTML attributes?
  1. 65536
  2. 64
  3. There is no limit. (ans)
  4. None of these.
What is the purpose of the <q> element in HTML5?
  1. It is used to define the start of a term in a definition list.
  2. It is used to define attribute values for one or more columns in a table.
  3. It is used to define the start of a short quotation. (Ans)
  4. It is used to define what to show browsers that do not support the ruby element.
What is the role of the <dfn> element in HTML5?
  1. It is used to define important text.
  2. It is used to define computer code text.
  3. It is used to define sample computer code.
  4. It is used to define a definition term. (ans)
When does the ondragleave mouse event get fired in HTML5?
  1. It gets fired when an element has been dragged to a valid drop target.
  2. It gets fired when an element leaves a valid drop target. (ans)
  3. It gets fired at the end of a drag operation.
  4. It gets fired while an element is being dragged.
Which event is fired when an element loses its focus in an HTML5 document?
  1. onfocus
  2. onload
  3. onblur (ans)
  4. onselect
Which following are valid default values for the <input type=”date”> HTML5 element?
  1. now
  2. 2013-05-30 (ans)
  3. 2013-30-05
  4. today
Which HTML5 doctype declarations are correct?
  1. <!doctype html>
  2. <!DOCTYPE html> (ans)
  3. <!DOCTYPE HTML5>
  4. <!DOCTYPE HTML>
Which is the standard method for clearing a canvas?
  1. context.clearRect ( x , y , w , h ); (ans)
  2. canvas.width = canvas.width;
  3. context.clear();
  4. All of these.
Which media event is triggered when there is an error in fetching media data in HTML5?
  1. onstalled (ans)
  2. onwaiting
  3. onsuspend
  4. oninvalid
Which media event will be fired when a media resource element suddenly becomes empty?
  1. onerror
  2. onended
  3. onloadeddata
  4. onemptied (ans)
Which method of HTMLCanvasElement is used to represent image of Canvas Element?
  1. toDataURL() (ans)
  2. saveAsimage()
  3. saveFile()
  4. exportimage()
How can an HTML5 canvas size be changed so that it fits the entire window?
  1. #myCanvas {height: 100%; width: 100%;}
  2. <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> (ans)
  3. It depends upon the complexity of the canvas, and the frequency of redraws.
  4. Calling the JavaScript getWidth() function.
How can audio files be played in HTML5? var sound = new Audio(“file.wav”);
  1. sound.begin();
  2. sound.resume();
  3. sound.start();
  4. sound.play(); (ans)
How does a button created by the <button> tag differ from the one created by an <input> tag?
  1. An input tag button can be a reset button too.
  2. A button tag button can be a reset button too.
  3. An input tag button can include images as well.
  4. A button tag can include images as well. (ans)
In HTML5, which of the following is not a valid value for the type attribute when used with the <command> tag shown below? <command type=”?”>Click Me!</command>
  1. button (ans)
  2. command
  3. checkbox
  4. radio
Once an application is offline, it remains cached until the following happens (select all that apply):
  1. The application cache is pro-grammatically updated. (ans)
  2. The application cache gets automatically cleared by the browser.
  3. The manifest file is modified. (ans)
  4. The user clears their browser’s data storage for the site. (ans)
The following are valid use cases of client file/directory access in HTML5, except:
  1. Drag and drop files from the desktop
  2. Full file system access (ans)
  3. Use of the HTML5 File API (ans)
  4. Use of files as HTML5 input types
The following link is placed on an HTML webpage: <a href=”http://msdn.com/” target=”_blank”> MSDN </a> What can be inferred from it?
  1. It will open the site msdn.com in the same window.
  2. It will open the site msdn.com in a new window. (ans)
  3. It will open the site msdn.com in a frame below.
  4. It will not be clickable as it is not formed correctly.
True or False: HTML5 Canvas can be used to create images.
  1. True (ans)
  2. False
True or false: JavaScript objects can be stored directly into localStorage.
  1. True
  2. False (ans)
What does P2P streaming mean when web applications establish a P2P HTTP connection using HTML?
  1. It means that streaming of a voice/video frame is direct, without using any server between them. (ans)
  2. It means that streaming of a voice/video frame is first between one peer to the server then the server to another peer.
  3. Communication does not rely on a shared relay server in the network.
Which method of the HTMLCanvasElement is used to represent an image of a canvas element?
  1. toDataURL (ans)
  2. toImageURL
  3. saveAsPNG
  4. saveAsJPEG
Which of the following <link> attributes are not supported in HTML5?
  1. size
  2. rev (ans)
  3. rel
  4. charset (ans)
Which of the following are sample use cases for HTML5 web workers?
  1. Polling URLs in background
  2. Syntax highlighting without blocking code editing capabilities in online IDEs
  3. Motion tracking input in realtime with a video element
  4. All of these. (ans)
Which of the following are the valid values of the <a> element’s target attribute in HTML5?
  1. _blank (ans)
  2. _self (ans)
  3. _top (ans)
  4. _bottom
Which of the following are true about the ARIA role attribute in HTML5?
  1. Every HTML element can have an ARIA role attribute specified. (ans)
  2. Every HTML element is required have an ARIA role attribute specified.
  3. 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. (ans)
  4. There is no ARIA attribute called “role”.
Which of the following are valid ways to associate custom data with an HTML5 element?
  1. <tr class=”foo” data-id-type=”4″> (ans)
  2. <tr class=”foo” id-type=”4″>
  3. <tr class=”foo” data-id_type=”4″> (ans)
  4. All of the above.
Which of the following is the correct way to display a PDF file in the browser?
  1. <object type=”application/pdf” data=”filename.pdf” width=”100%” height=”100%”/> (ans)
  2. <object type=”application/pdf” id=”filename.pdf” width=”100%” height=”100%”/>
  3. <input type=”application/pdf” data=”filename.pdf” width=”100%” height=”100%”/>
  4. <input type=”application/pdf” src=”filename.pdf” width=”100%” height=”100%”/>
Which of the following is the correct way to play an audio file in HTML5?
  1. var snd = new Audio(“file.wav”); snd.play();
  2. <audio controls> <source src=”file.ogg” type=”audio/ogg”> <source src=”file.mp3″ type=”audio/mpeg”> </audio> (ans)
  3. <source src=”file.mp3″ type=”audio/mpeg”>
  4. All of these.
Which of the following is the correct way to store an object in a localStorage?
  1. localStorage.setItem(‘testObject’, JSON.stringify(testObject)) (ans)
  2. localStorage.setItem(‘testObject’, testObject)
  3. localStorage.add(‘testObject’, testObject)
  4. localStorage.addItem(‘testObject’, testObject)
Which of the following is the correct way to store an object in localStorage? var obj = { ‘one’: 1, ‘two’: 2, ‘three’: 3 };
  1. localStorage.setItem(‘obj’, obj);
  2. localStorage.setItem(‘obj’, JSON.stringify(obj)); (ans)
  3. localStorage.setItem(‘testObject’, JSON.parse(testObject));
  4. localStorage.setItem(obj);
Which of the following methods can be used to estimate page load times?
  1. Using _gaq.push([‘_trackPageLoadTime’]) with Google Analytics. (ans)
  2. Using the Navigation Timing JavaScript API. (ans)
  3. Page load times cannot be estimated.
  4. Using built-in JavaScript methods.
Which of the following shows correct use of client-side data validation in HTML5, on username and password fields in particular?
  1. <input name=”username” required /> <input name=”pass” type=”password” required/> (ans)
  2. <input name=”username” validate=”true”/> <input name=”pass” type=”password” validate=”true”/>
  3. <input name=”username” validate/> <input name=”pass” type=”password” validate/>
  4. There is no way to implement client-side validation for the username and password fields in HTML5.
Which of the following statements are correct with regard to the <hr> and <br> elements of HTML5?
  1. 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.
  2. 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. (ans)
  3. 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.
Which of the following statements regarding WebSockets is true?
  1. It communicates with the server with only the data required by the application.
  2. It lowers the latency of connections for interactive web applications.
  3. It scales better and consumes less server resources than HTTP AJAX/long-poll.
  4. All of the above. (ans)
Which of the following video file formats are currently supported by the <video> element of HTML5?
  1. CCTV
  2. MPEG 4 (ans)
  3. Ogg (ans)
  4. 3GPP
Which of the following video tag attributes are invalid in HTML5?
  1. play
  2. loop
  3. mute
  4. pause (ans)
Which of the following will detect when an HTML5 video has finished playing?
  1. var video = document.getElementsByTagName(‘video’)[0]; video.onended = function(e) { } (ans)
  2. var video = document.getElementsByTagName(‘video’)[0]; video.onPlayend = function(e) { }
  3. var video = document.getElementsByTagName(‘video’)[0]; video.onPlayFinish = function(e) { }
  4. var video = document.getElementsByTagName(‘video’)[0]; video.onPlayBackended = function(e) { }
Which of the following will restrict an input element to accept only numerical values in a text field?
  1. <input type=”text” pattern=”[0-9]*” /> (ans)
  2. <input type=”number” />
  3. <input type=”text” pattern=”\d*”/>
  4. <input type=”text” pattern=”number”/>
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 …
  1. accept
  2. autofocus
  3. autocomplete (ans)
  4. formtarget
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?
  1. <a href=”mailto:webmaster@xcompany.com”>webmaster</a> (ans)
  2. <a href=”webmaster@xcompany.com”>webmaster</a>
  3. <a http=”mail:webmaster@xcompany.com”>webmaster</a>
  4. <mail http=”send:webmaster@xcompany.com”>webmaster</mail>
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)
  1. autocomplete
  2. autofocus
  3. placeholder (ans)
  4. formnovalidate
Which of the following code is used to prevent Webkit spin buttons from appearing on web pages?
  1. input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
  2. input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } (ans)
  3. noindex:-o-prefocus, input[type=number] { padding-right: 1.2em; }
  4. input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; padding-right: 1.2em; }
Which of the following examples contain invalid implementations of the ampersand character in HTML5?
  1. foo & bar
  2. foo &0 bar
  3. foo &0; bar (ans)
  4. foo&&& bar
Which of the following HTML5 features is capable of taking a screenshot of a web page?
  1. Server-Sent Events
  2. SVG
  3. Canvas (ans)
  4. Web Workers
Which of the following is a possible way to get fullscreen video played from the browser using HTML5?
  1. <object> <param name=”allowFullScreen” value=”true” />
  2. <video allowFullScreen=”true”>
  3. <video height=”100%” width=”100%”> (ans)
  4. None of these.
Which of the following is not a valid attribute for the <video> element in HTML5?
  1. controls
  2. autoplay
  3. disabled (ans)
  4. preload
Which of the following is not a valid syntax for the <link> element in HTML5?
  1. <link rel=”icon” href=”abc.jpg” sizes=”16×16″>
  2. <link rev=”stylesheet” href=”abc.css” type=”text/css” target=”_parent”> (ans)
  3. <link rel=”alternate” type=”application/pdf” hreflang=”fr” href=”manual-fr”>
Which of the following is the best method to detect HTML5 Canvas support in web browsers?
  1. isCanvasSupported()
  2. !!document.createElement(“canvas”)
  3. !isCanvasSupported()
  4. !!window.HTMLCanvasElement (ans)
Which of the following is the best method to store an array in localStorage?
  1. var localStorage[names]=new Array(); localStorage.names[0]=prompt(“New member name?”);
  2. var names = []; names[0] = prompt(“New member name?”); localStorage[“names”] = JSON.stringify(names); var storedNames = JSON.parse(localStorage[“names”]); (ans)
  3. Storage.prototype.setObj = function(key, obj) { return this.setItem(key, JSON.stringify(obj)) } Storage.prototype.getObj = function(key) { return JSON.parse(this.getItem(key)) }
  4. localStorage.setItem(‘names_length’, names.length); localStorage.setItem(‘names_0’, names[0]); localStorage.setItem(‘names_1’, names[1]); localStorage.setItem(‘names_’ + n, names[n]);
Which of the following is the correct way to check browser support for WebSocket?
  1. console.log(WebSocket ? ‘supported’ : ‘not supported’);
  2. console.log(window.WebSocket ? ‘supported’ : ‘not supported’); (ans)
  3. console.log(window[WebSocket] ? ‘supported’ : ‘not supported’);
  4. console.log(window[‘WebSocket’] ? ‘supported’ : ‘not supported’);
1.How many elements can get automatic focus after page load?
Answers:
a.Can not be done without Javascript
b.1
c.0
d.As many as needed.

2.Select all the valid attributes of an audio element.(Choose all that apply)
Answer:
a.autoplay
b.playback
c.controls
d.src
e.repeat
f.All are correct.

3.Which method is used to fetch the current geographic location of the user and update it as the user moves?
Answer:
a.getCurrentPostion()
b.watchPostion()
c.getContinuousPostion()
d.watchContinuousPostion()

4.Select the valid content sectioning elements:(Choose all that apply)
Answer:
a.li
b.article
c.footer
d.div

5.Which method is used to check if the browser can play the specified audio/video type??
Answer:
a.checktype
b.canPlaytype
c.typesupport
d.mediaplaytype

6.What is used to continuously push events from the web server to the client's browser??
Answer:
a.Server sent events
b.web workers
c.AJAX
d.Push notifications

7.Which HTML element is  used to make a dropdown selection with options divided to selection??
Answer:
a.option
b.section
c.optionsection
d.optgroup

8.Which of the following is not  a valid attribute for the audio element in HTML5??
Answer:
a.preload 
b.loop
c.stopped
d.muted

9.Which method is used  to finish a launched worker??
Answer:
a.endWorker
b.end
c.terminate
d.finish

10.Which of these statement are considered as best practices?(Choose all that apply)
Answer:
a.Place all css/javascript files within the <head> element
b.Place all css/javascript files at the bottom of <body> element
c.Place css files within the <head> element
d.Place javascript files at the bottom of <body> element.
.....
11.Which of the following video formats is not supported by the video tag?
a.mp4
b.webm
c.ogg
d.mov

12.Which value of Socket.readyState indicates that the connection is going through the closing handshake?
Answer:
a.0
b.1
c.2
d.3

13.How do you make the content inside an element editable?
Answer:
a.Setting the attribute contenteditable = "True"
b.Setting the attribute editable  = "True"
c.Setting the attribute content = "editable "
d.The content inside all the elements is editable  by default in HTML5.

14.Which of these element are deprecated in HTML5?
Answer:
a.<center>
b.<font>
c.<iframe>
d.<tfoot>

15.Which of the following are important attributes that can be used with <embed> tag?(Choose all that apply)
Answer:
a.hide
b.autoplay
c.align
d.name
e.loop

16.Select correctly written HTML elements.(Choose all that apply)
Answer:
a.<input type="submit" value="submit">
b.<input type="submit" value="submit" disabled="false">
c.<input type="submit" value="submit" disabled>
d.<input type="submit" value="submit" autofocus="autofocus">

17.Which of the following is not core method of WebSQL Database API?
Answer:
a.openDatabase
b.Transaction
c.executeSql
d.connect

18.Which of the following HTML element is used to create vector graphics?
Answer:
a.<div />
b.<canvas />
c.<svg />
d.other
e.<vector />

19.Which HTML element could be used to display an ordered list?
Answer:
a.ol
b.ul
c.list
d.ordered

20.Which of the following are valid input types?(Choose all that apply)
Answer:
a.button
b.date
c.email
d.address
e.range
Posted by at
Labels: , , , ,

No comments:

Post a Comment

Ramadhan 2019

Subscribe to: Post Comments (Atom)