HTML5 Mcqs Test Online

Maan AliLast Updated: October 10, 2025

Start your preparation for HTML5 Mcqs Test Online. This online test contains important MCQs from past papers. Attempting this test will help you prepare for Annual Exams and Entry Tests. Read the questions carefully and select the correct option below to see your result.

HTML5 Mcqs Test

Total Questions:	24
Time Allowed:	10 Minutes
Total Marks:	24
How to Attempt Test:	Please choose the right Option in MCQ-type question.
Test Helpful For:	Computer Test Competitive exam Forces test Fpsc Entry test Recruitment test

HTML5 Mcqs Test Practice Online

Page 1 of 1

1. Is HTML5 backward compatible with old browsers?

A.False

B.True

2. Which of the following is true about 'video' tag in HTML5?

A.The current HTML5 draft specification does not specify which video formats browsers should support in the video tag.

B.Ogg files with Thedora video codec and Vorbis audio codec are supported.

C.All of the above

D.HTML5 supports

3. Which among the following browsers does the HTML5 supports?

A.Internet Explorer

B.Safari

C.Firefox

D.All the mentioned above

4. Which of the following attribute triggers event when an element is being dragged over a valid drop target?

A.ondragleave

B.ondragstart

C.ondrag

D.ondragover

5. The default character encoding in HTML5 is?

A.UTF-32

B.UTF-8

C.ISO-8859-1

D.UTF-16

6. Which of the following attribute triggers event before the document is printed?

A.beforeprint

B.onbeforeprint

C.onprint

D.onafterprint

7. Which of the following attribute triggers event when the message is triggered?

A.onmessage

B.onloadstart

C.onloadedmetadata

D.onoffline

8. If I do not put <! DOCTYPE html>, will HTML 5 work?

A.Yes, browser will be able to identify that it's a HTML document and HTML 5 tags will function properly

B.No, browser will not be able to identify that it’s a HTML document and HTML 5 tags will not function properly

9. The following elements <header>, <footer>, <article>, <section> are the new elements in HTML5. These elements are called?

A.Semantic elements

B.Graphic elements

C.Multimedia elements

D.Control attributes

10. Which among the following tags define a caption for a <fieldset> element?

</span></label></div></div></div>					<div style="display:none;" id='liveResult-10'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62587" style="clear:both;"><input type="button" id="liveResultBtn62587" class="liveResultBtn10 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62587, 10);"></p>
	   <div class='watu-question ' id='question-11' style=';'><div id='questionWrap-11'  class='   watupro-question-id-62588'>
			<div class='question-content'><div><span class='watupro_num'>11. </span>A next-generation bidirectional communication technology for web applications is?</div><input type='hidden' name='question_id[]' id='qID_11' value='62588' class='watupro-question-id'/><input type='hidden' id='answerType62588' class='answerTypeCnt11' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62588'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62588[]' id='answer-id-250791' class='answer   answerof-62588  ' value='250791'   /><label for='answer-id-250791' id='answer-label-250791' class=' answer'><span>Forms 2.0</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62588[]' id='answer-id-250790' class='answer   answerof-62588  ' value='250790'   /><label for='answer-id-250790' id='answer-label-250790' class=' answer'><span>WebSocket</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62588[]' id='answer-id-250792' class='answer   answerof-62588  ' value='250792'   /><label for='answer-id-250792' id='answer-label-250792' class=' answer'><span>Server-Sent Events</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62588[]' id='answer-id-250789' class='answer   answerof-62588  ' value='250789'   /><label for='answer-id-250789' id='answer-label-250789' class=' answer'><span>Persistent local storage</span></label></div></div></div>					<div style="display:none;" id='liveResult-11'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62588" style="clear:both;"><input type="button" id="liveResultBtn62588" class="liveResultBtn11 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62588, 11);"></p>
	   <div class='watu-question ' id='question-12' style=';'><div id='questionWrap-12'  class='   watupro-question-id-62600'>
			<div class='question-content'><div><span class='watupro_num'>12. </span>Which of the following is true about HTML 5?</div><input type='hidden' name='question_id[]' id='qID_12' value='62600' class='watupro-question-id'/><input type='hidden' id='answerType62600' class='answerTypeCnt12' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62600'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62600[]' id='answer-id-250835' class='answer   answerof-62600  ' value='250835'   /><label for='answer-id-250835' id='answer-label-250835' class=' answer'><span>HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62600[]' id='answer-id-250836' class='answer   answerof-62600  ' value='250836'   /><label for='answer-id-250836' id='answer-label-250836' class=' answer'><span>HTML5 is a standard for structuring and presenting content on the World Wide Web.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62600[]' id='answer-id-250838' class='answer   answerof-62600  ' value='250838'   /><label for='answer-id-250838' id='answer-label-250838' class=' answer'><span>All of the above</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62600[]' id='answer-id-250837' class='answer   answerof-62600  ' value='250837'   /><label for='answer-id-250837' id='answer-label-250837' class=' answer'><span>HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).</span></label></div></div></div>					<div style="display:none;" id='liveResult-12'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62600" style="clear:both;"><input type="button" id="liveResultBtn62600" class="liveResultBtn12 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62600, 12);"></p>
	   <div class='watu-question ' id='question-13' style=';'><div id='questionWrap-13'  class='   watupro-question-id-62582'>
			<div class='question-content'><div><span class='watupro_num'>13. </span>HTML5 does not use SGML or XHTML it’s completely a new thing so you do not need to refer DTD?</div><input type='hidden' name='question_id[]' id='qID_13' value='62582' class='watupro-question-id'/><input type='hidden' id='answerType62582' class='answerTypeCnt13' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62582'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62582[]' id='answer-id-250769' class='answer   answerof-62582  ' value='250769'   /><label for='answer-id-250769' id='answer-label-250769' class=' answer'><span>Yes</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62582[]' id='answer-id-250770' class='answer   answerof-62582  ' value='250770'   /><label for='answer-id-250770' id='answer-label-250770' class=' answer'><span>No</span></label></div></div></div>					<div style="display:none;" id='liveResult-13'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62582" style="clear:both;"><input type="button" id="liveResultBtn62582" class="liveResultBtn13 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62582, 13);"></p>
	   <div class='watu-question ' id='question-14' style=';'><div id='questionWrap-14'  class='   watupro-question-id-62603'>
			<div class='question-content'><div><span class='watupro_num'>14. </span>Which of the following tag automatically focus one particular form field in HTML5?</div><input type='hidden' name='question_id[]' id='qID_14' value='62603' class='watupro-question-id'/><input type='hidden' id='answerType62603' class='answerTypeCnt14' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62603'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62603[]' id='answer-id-250850' class='answer   answerof-62603  ' value='250850'   /><label for='answer-id-250850' id='answer-label-250850' class=' answer'><span>required</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62603[]' id='answer-id-250848' class='answer   answerof-62603  ' value='250848'   /><label for='answer-id-250848' id='answer-label-250848' class=' answer'><span>placeholder</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62603[]' id='answer-id-250849' class='answer   answerof-62603  ' value='250849'   /><label for='answer-id-250849' id='answer-label-250849' class=' answer'><span>autofocus</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62603[]' id='answer-id-250847' class='answer   answerof-62603  ' value='250847'   /><label for='answer-id-250847' id='answer-label-250847' class=' answer'><span>output</span></label></div></div></div>					<div style="display:none;" id='liveResult-14'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62603" style="clear:both;"><input type="button" id="liveResultBtn62603" class="liveResultBtn14 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62603, 14);"></p>
	   <div class='watu-question ' id='question-15' style=';'><div id='questionWrap-15'  class='   watupro-question-id-62592'>
			<div class='question-content'><div><span class='watupro_num'>15. </span>Which of the following is correct about Web form 2.0 in HTML5?</div><input type='hidden' name='question_id[]' id='qID_15' value='62592' class='watupro-question-id'/><input type='hidden' id='answerType62592' class='answerTypeCnt15' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62592'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62592[]' id='answer-id-250804' class='answer   answerof-62592  ' value='250804'   /><label for='answer-id-250804' id='answer-label-250804' class=' answer'><span>Form elements and attributes in HTML5 provide a greater degree of semantic mark-up than HTML4.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62592[]' id='answer-id-250806' class='answer   answerof-62592  ' value='250806'   /><label for='answer-id-250806' id='answer-label-250806' class=' answer'><span>All of the above</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62592[]' id='answer-id-250805' class='answer   answerof-62592  ' value='250805'   /><label for='answer-id-250805' id='answer-label-250805' class=' answer'><span>Form elements and attributes in HTML5 remove a great deal of the need for tedious scripting and styling that was required in HTML4.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62592[]' id='answer-id-250803' class='answer   answerof-62592  ' value='250803'   /><label for='answer-id-250803' id='answer-label-250803' class=' answer'><span>Web Forms 2.0 is an extension to the forms features found in HTML4.</span></label></div></div></div>					<div style="display:none;" id='liveResult-15'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62592" style="clear:both;"><input type="button" id="liveResultBtn62592" class="liveResultBtn15 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62592, 15);"></p>
	   <div class='watu-question ' id='question-16' style=';'><div id='questionWrap-16'  class='   watupro-question-id-62601'>
			<div class='question-content'><div><span class='watupro_num'>16. </span>Which of the following is correct about Web form 2.0 in HTML5?</div><input type='hidden' name='question_id[]' id='qID_16' value='62601' class='watupro-question-id'/><input type='hidden' id='answerType62601' class='answerTypeCnt16' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62601'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62601[]' id='answer-id-250839' class='answer   answerof-62601  ' value='250839'   /><label for='answer-id-250839' id='answer-label-250839' class=' answer'><span>Web Forms 2.0 is an extension to the forms features found in HTML4.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62601[]' id='answer-id-250841' class='answer   answerof-62601  ' value='250841'   /><label for='answer-id-250841' id='answer-label-250841' class=' answer'><span>Form elements and attributes in HTML5 remove a great deal of the need for tedious scripting and styling that was required in HTML4.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62601[]' id='answer-id-250840' class='answer   answerof-62601  ' value='250840'   /><label for='answer-id-250840' id='answer-label-250840' class=' answer'><span>Form elements and attributes in HTML5 provide a greater degree of semantic mark-up than HTML4.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62601[]' id='answer-id-250842' class='answer   answerof-62601  ' value='250842'   /><label for='answer-id-250842' id='answer-label-250842' class=' answer'><span>All of the above.</span></label></div></div></div>					<div style="display:none;" id='liveResult-16'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62601" style="clear:both;"><input type="button" id="liveResultBtn62601" class="liveResultBtn16 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62601, 16);"></p>
	   <div class='watu-question ' id='question-17' style=';'><div id='questionWrap-17'  class='   watupro-question-id-62593'>
			<div class='question-content'><div><span class='watupro_num'>17. </span>Which of the following tag is used to represent the result of different types of output in HTML5?</div><input type='hidden' name='question_id[]' id='qID_17' value='62593' class='watupro-question-id'/><input type='hidden' id='answerType62593' class='answerTypeCnt17' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62593'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62593[]' id='answer-id-250810' class='answer   answerof-62593  ' value='250810'   /><label for='answer-id-250810' id='answer-label-250810' class=' answer'><span>required</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62593[]' id='answer-id-250807' class='answer   answerof-62593  ' value='250807'   /><label for='answer-id-250807' id='answer-label-250807' class=' answer'><span>output</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62593[]' id='answer-id-250808' class='answer   answerof-62593  ' value='250808'   /><label for='answer-id-250808' id='answer-label-250808' class=' answer'><span>placeholder</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62593[]' id='answer-id-250809' class='answer   answerof-62593  ' value='250809'   /><label for='answer-id-250809' id='answer-label-250809' class=' answer'><span>autofocus</span></label></div></div></div>					<div style="display:none;" id='liveResult-17'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62593" style="clear:both;"><input type="button" id="liveResultBtn62593" class="liveResultBtn17 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62593, 17);"></p>
	   <div class='watu-question ' id='question-18' style=';'><div id='questionWrap-18'  class='   watupro-question-id-62591'>
			<div class='question-content'><div><span class='watupro_num'>18. </span>Which of the following is correct about custom attributes in HTML5?</div><input type='hidden' name='question_id[]' id='qID_18' value='62591' class='watupro-question-id'/><input type='hidden' id='answerType62591' class='answerTypeCnt18' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62591'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62591[]' id='answer-id-250802' class='answer   answerof-62591  ' value='250802'   /><label for='answer-id-250802' id='answer-label-250802' class=' answer'><span>None of the above</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62591[]' id='answer-id-250801' class='answer   answerof-62591  ' value='250801'   /><label for='answer-id-250801' id='answer-label-250801' class=' answer'><span>Both of the above.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62591[]' id='answer-id-250800' class='answer   answerof-62591  ' value='250800'   /><label for='answer-id-250800' id='answer-label-250800' class=' answer'><span>You would be able to get the values of these attributes using JavaScript APIs or CSS in similar way as you get for standard attributes.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62591[]' id='answer-id-250799' class='answer   answerof-62591  ' value='250799'   /><label for='answer-id-250799' id='answer-label-250799' class=' answer'><span>A custom data attribute starts with data- and would be named based on your requirement</span></label></div></div></div>					<div style="display:none;" id='liveResult-18'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62591" style="clear:both;"><input type="button" id="liveResultBtn62591" class="liveResultBtn18 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62591, 18);"></p>
	   <div class='watu-question ' id='question-19' style=';'><div id='questionWrap-19'  class='   watupro-question-id-62585'>
			<div class='question-content'><div><span class='watupro_num'>19. </span>How many new form elements are introduced in HTML5?</div><input type='hidden' name='question_id[]' id='qID_19' value='62585' class='watupro-question-id'/><input type='hidden' id='answerType62585' class='answerTypeCnt19' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62585'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62585[]' id='answer-id-250779' class='answer   answerof-62585  ' value='250779'   /><label for='answer-id-250779' id='answer-label-250779' class=' answer'><span>4</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62585[]' id='answer-id-250778' class='answer   answerof-62585  ' value='250778'   /><label for='answer-id-250778' id='answer-label-250778' class=' answer'><span>2</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62585[]' id='answer-id-250777' class='answer   answerof-62585  ' value='250777'   /><label for='answer-id-250777' id='answer-label-250777' class=' answer'><span>3</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62585[]' id='answer-id-250780' class='answer   answerof-62585  ' value='250780'   /><label for='answer-id-250780' id='answer-label-250780' class=' answer'><span>6</span></label></div></div></div>					<div style="display:none;" id='liveResult-19'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62585" style="clear:both;"><input type="button" id="liveResultBtn62585" class="liveResultBtn19 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62585, 19);"></p>
	   <div class='watu-question ' id='question-20' style=';'><div id='questionWrap-20'  class='   watupro-question-id-62589'>
			<div class='question-content'><div><span class='watupro_num'>20. </span>Which feature lets you create your own vocabularies beyond HTML5 and extend your web pages with custom semantics?</div><input type='hidden' name='question_id[]' id='qID_20' value='62589' class='watupro-question-id'/><input type='hidden' id='answerType62589' class='answerTypeCnt20' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62589'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62589[]' id='answer-id-250793' class='answer   answerof-62589  ' value='250793'   /><label for='answer-id-250793' id='answer-label-250793' class=' answer'><span>Geolocation</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62589[]' id='answer-id-250796' class='answer   answerof-62589  ' value='250796'   /><label for='answer-id-250796' id='answer-label-250796' class=' answer'><span>WebSocket</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62589[]' id='answer-id-250794' class='answer   answerof-62589  ' value='250794'   /><label for='answer-id-250794' id='answer-label-250794' class=' answer'><span>Canvas</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62589[]' id='answer-id-250795' class='answer   answerof-62589  ' value='250795'   /><label for='answer-id-250795' id='answer-label-250795' class=' answer'><span>Microdata</span></label></div></div></div>					<div style="display:none;" id='liveResult-20'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62589" style="clear:both;"><input type="button" id="liveResultBtn62589" class="liveResultBtn20 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62589, 20);"></p>
	   <div class='watu-question ' id='question-21' style=';'><div id='questionWrap-21'  class='   watupro-question-id-62594'>
			<div class='question-content'><div><span class='watupro_num'>21. </span>When a session storage data gets deleted in HTML5?</div><input type='hidden' name='question_id[]' id='qID_21' value='62594' class='watupro-question-id'/><input type='hidden' id='answerType62594' class='answerTypeCnt21' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62594'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62594[]' id='answer-id-250812' class='answer   answerof-62594  ' value='250812'   /><label for='answer-id-250812' id='answer-label-250812' class=' answer'><span>If you want to clear all settings, you need to call localStorage.clear() method.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62594[]' id='answer-id-250811' class='answer   answerof-62594  ' value='250811'   /><label for='answer-id-250811' id='answer-label-250811' class=' answer'><span>The Session Storage Data would be deleted by the browsers immediately after the session gets terminated.</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62594[]' id='answer-id-250814' class='answer   answerof-62594  ' value='250814'   /><label for='answer-id-250814' id='answer-label-250814' class=' answer'><span>None of the above</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62594[]' id='answer-id-250813' class='answer   answerof-62594  ' value='250813'   /><label for='answer-id-250813' id='answer-label-250813' class=' answer'><span>Both of the above.</span></label></div></div></div>					<div style="display:none;" id='liveResult-21'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62594" style="clear:both;"><input type="button" id="liveResultBtn62594" class="liveResultBtn21 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62594, 21);"></p>
	   <div class='watu-question ' id='question-22' style=';'><div id='questionWrap-22'  class='   watupro-question-id-62596'>
			<div class='question-content'><div><span class='watupro_num'>22. </span>Which of the following attribute specifies whether or not a user is allowed to drag an element?</div><input type='hidden' name='question_id[]' id='qID_22' value='62596' class='watupro-question-id'/><input type='hidden' id='answerType62596' class='answerTypeCnt22' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62596'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62596[]' id='answer-id-250821' class='answer   answerof-62596  ' value='250821'   /><label for='answer-id-250821' id='answer-label-250821' class=' answer'><span>context</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62596[]' id='answer-id-250820' class='answer   answerof-62596  ' value='250820'   /><label for='answer-id-250820' id='answer-label-250820' class=' answer'><span>content</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62596[]' id='answer-id-250819' class='answer   answerof-62596  ' value='250819'   /><label for='answer-id-250819' id='answer-label-250819' class=' answer'><span>drag</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62596[]' id='answer-id-250822' class='answer   answerof-62596  ' value='250822'   /><label for='answer-id-250822' id='answer-label-250822' class=' answer'><span>draggable</span></label></div></div></div>					<div style="display:none;" id='liveResult-22'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62596" style="clear:both;"><input type="button" id="liveResultBtn62596" class="liveResultBtn22 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62596, 22);"></p>
	   <div class='watu-question ' id='question-23' style=';'><div id='questionWrap-23'  class='   watupro-question-id-62602'>
			<div class='question-content'><div><span class='watupro_num'>23. </span>hich of the following input control accepts only numerical value in Web Form 2.0?</div><input type='hidden' name='question_id[]' id='qID_23' value='62602' class='watupro-question-id'/><input type='hidden' id='answerType62602' class='answerTypeCnt23' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62602'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62602[]' id='answer-id-250845' class='answer   answerof-62602  ' value='250845'   /><label for='answer-id-250845' id='answer-label-250845' class=' answer'><span>number</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62602[]' id='answer-id-250843' class='answer   answerof-62602  ' value='250843'   /><label for='answer-id-250843' id='answer-label-250843' class=' answer'><span>week</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62602[]' id='answer-id-250846' class='answer   answerof-62602  ' value='250846'   /><label for='answer-id-250846' id='answer-label-250846' class=' answer'><span>range</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62602[]' id='answer-id-250844' class='answer   answerof-62602  ' value='250844'   /><label for='answer-id-250844' id='answer-label-250844' class=' answer'><span>time</span></label></div></div></div>					<div style="display:none;" id='liveResult-23'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62602" style="clear:both;"><input type="button" id="liveResultBtn62602" class="liveResultBtn23 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62602, 23);"></p>
	   <div class='watu-question ' id='question-24' style=';'><div id='questionWrap-24'  class='   watupro-question-id-62584'>
			<div class='question-content'><div><span class='watupro_num'>24. </span>What is the replacement for cookies in HTML5?</div><input type='hidden' name='question_id[]' id='qID_24' value='62584' class='watupro-question-id'/><input type='hidden' id='answerType62584' class='answerTypeCnt24' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62584'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62584[]' id='answer-id-250773' class='answer   answerof-62584  ' value='250773'   /><label for='answer-id-250773' id='answer-label-250773' class=' answer'><span>Web beacons</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62584[]' id='answer-id-250774' class='answer   answerof-62584  ' value='250774'   /><label for='answer-id-250774' id='answer-label-250774' class=' answer'><span>Java scripts</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62584[]' id='answer-id-250776' class='answer   answerof-62584  ' value='250776'   /><label for='answer-id-250776' id='answer-label-250776' class=' answer'><span>All the above</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62584[]' id='answer-id-250775' class='answer   answerof-62584  ' value='250775'   /><label for='answer-id-250775' id='answer-label-250775' class=' answer'><span>Local Storage</span></label></div></div></div>					<div style="display:none;" id='liveResult-24'>		   
						<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62584" style="clear:both;"><input type="button" id="liveResultBtn62584" class="liveResultBtn24 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62584, 24);"></p>
	   </div><div style='display:none' id='question-25'>
	<div class='question-content'>
		<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" width="16" height="16" alt="Loading..." title="Loading..." data-lazy-src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" /><noscript><img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." /></noscript> Loading...	</div>
</div>

<div class="go-auto-guide" style="margin-top: 30px; padding: 25px; background: #fffcf5; border-left: 5px solid #FFA500; border-radius: 6px;">
<h2 style="font-size: 24px; color: #cc8400;">Study Plan for HTML5 Mcqs Test Online</h2>
<p>This test is crucial for your selection.</p>
<h3 style="font-size: 18px; margin-top: 20px;">How to Use GoTest for Preparation:</h3>
<ul class="custom-bullets" style="margin-left: 20px; line-height: 1.8;">
<li><strong>Focus on Keywords:</strong> Examiners often twist the question. Read the statement twice.</li>
<li><strong>Instant Feedback:</strong> Use the <strong>“View Answers”</strong> feature after the test.</li>
</ul>
</div>
<p><script type="application/ld+json">{"@context": "https://schema.org","@type": "FAQPage","mainEntity": [{"@type": "Question","name": "How can I prepare for HTML5 Mcqs Test Online?","acceptedAnswer": {"@type": "Answer","text": "You can prepare for HTML5 Mcqs Test Online by attempting the free online quizzes at Gotest.com.pk. We provide instant results, performance reports, and detailed explanations for every question."}}]}</script></p>
<div class="f9473f99b50edb3c4112bf2dd813ab97" data-index="3" style="float: none; margin:10px 0 10px 0; text-align:center;">
<script type="rocketlazyloadscript" async data-rocket-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4945057297407086"
     crossorigin="anonymous"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4945057297407086"
     data-ad-slot="1243634502"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script type="rocketlazyloadscript">
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

<div style="font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;"></div><div class="go-silo-box" style="margin-top:25px; padding:20px; background:#fff; border-radius:8px; border:1px solid #eee; border-top: 4px solid #28a745; box-shadow: 0 4px 10px rgba(0,0,0,0.05);"><h3 style="margin-top:0; color:#28a745; font-size:18px; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:15px;">More Related Resources</h3><div class="go-silo-grid" style="display:grid; grid-template-columns: 1fr 1fr; gap:10px;"><a href="https://gotest.com.pk/careers/online-short-courses-in-pakistan-for-matric-inter-ba-master-level/" class="go-silo-item" style="display:flex; align-items:center; padding:10px; background:#f8f9fa; color:#444 !important; border-radius:5px; text-decoration:none; font-size:14px; font-weight:600; box-shadow:0 2px 4px rgba(0,0,0,0.05);"><i class="fas fa-file-alt" style="margin-right:10px; width:20px; text-align:center; color:#444 !important;"></i> Online Short Courses in Pakistan fo...</a></div></div>    <div class="go-compact-search">
        <p class="go-search-label">Can't find what you're looking for? Search below:</p>
        <form role="search" method="get" action="https://gotest.com.pk/" class="go-search-form">
            <input type="search" class="go-search-input" placeholder="Search exams, results, or past papers..." value="" name="s">
            <button type="submit" class="go-search-btn">
                <i class="fas fa-search"></i> Search
            </button>
        </form>
    </div>
    <div class="go-related-posts" style="margin-top:30px; padding:20px; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05);"><h3 style="font-size:20px; border-bottom:2px solid #008000; padding-bottom:10px; margin-bottom:15px; color:#333;">Latest Updates</h3><ul style="list-style:none; padding:0; margin:0;"><li style="margin-bottom:10px; border-bottom:1px dashed #eee; padding-bottom:5px;"><a href="https://gotest.com.pk/careers/online-short-courses-in-pakistan-for-matric-inter-ba-master-level/" style="text-decoration:none; color:#0056b3; font-weight:600; display:flex; align-items:center;"><i class="fas fa-angle-right" style="color:#008000; margin-right:8px; font-size:12px;"></i> Online Short Courses in Pakistan for Matric Inter BA and Master l...</a></li></ul></div>

</div>

<div id="post-extra-info">
			<div class="theiaStickySidebar">
				<div class="single-post-meta post-meta clearfix"><span class="author-meta single-author no-avatars"><span class="meta-item meta-author-wrapper meta-author-28"><span class="meta-author"><a href="https://gotest.com.pk/author/maan-ali/" class="author-name tie-icon" title="Maan Ali">Maan Ali</a></span></span></span><span class="meta-item last-updated">Last Updated: October 10, 2025</span></div>
			</div>
		</div>

</article>

<h3 class="author-name"><a href="https://gotest.com.pk/author/maan-ali/">Maan Ali</a></h3>
						
				<div class="author-bio">
					Hey there! I'm Maan Ali, your online test prep pal. Join me in the adventure of acing exams with ease. I'll share tricks, practice tests, and all you need to rock your studies. Let's make learning fun and success a sure thing!				</div>

<ul class="social-icons">
								<li class="social-icons-item">
									<a href="https://www.gotest.com.pk" rel="external noopener nofollow" target="_blank" class="social-link url-social-icon">
										<span class="tie-icon-home" aria-hidden="true"></span>
										<span class="screen-reader-text">Website</span>
									</a>
								</li>
							</ul>			</div>
			<div class="clearfix"></div>
		</div>
		
				<div class="compact-comments">
					<a id="show-comments-section" href="#" class="button">Leave a Reply</a>
				</div>
				
				<div id="comments" class="comments-area">

<div id="add-comment-block" class="container-wrapper">	<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title the-global-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/computer-mcqs/html5-mcqs-test/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://gotest.com.pk/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required>

Name *

Email *

Website