HTML5 Mcqs Test Online

Maan AliLast Updated: October 10, 2025

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. HTML5 does not use SGML or XHTML it’s completely a new thing so you do not need to refer DTD?

A.No

B.Yes

2. Which of the following tag automatically focus one particular form field in HTML5?

A.autofocus

B.output

C.required

D.placeholder

3. hich of the following input control accepts only numerical value in Web Form 2.0?

A.week

B.number

C.time

D.range

4. Which of the following attribute specifies whether or not a user is allowed to drag an element?

A.draggable

B.drag

C.context

D.content

5. The default character encoding in HTML5 is?

A.ISO-8859-1

B.UTF-8

C.UTF-32

D.UTF-16

6. When a session storage data gets deleted in HTML5?

A.Both of the above.

B.If you want to clear all settings, you need to call localStorage.clear() method.

C.None of the above

D.The Session Storage Data would be deleted by the browsers immediately after the session gets terminated.

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

A.onoffline

B.onloadedmetadata

C.onloadstart

D.onmessage

8. Which of the following is true about HTML 5?

A.All of the above

B.HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

C.HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1.

D.HTML5 is a standard for structuring and presenting content on the World Wide Web.

9. What is the replacement for cookies in HTML5?

A.All the above

B.Web beacons

C.Local Storage

D.Java scripts

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

A.ondragstart

B.ondrag

C.ondragover

D.ondragleave

11. Is HTML5 backward compatible with old browsers?

A.True

B.False

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

A.All of the above

B.HTML5 supports

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

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

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

</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62587[]' id='answer-id-250785' class='answer   answerof-62587  ' value='250785'   /><label for='answer-id-250785' id='answer-label-250785' class=' answer'><span><select></span></label></div></div></div>					<div style="display:none;" id='liveResult-13'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62587" style="clear:both;"><input type="button" id="liveResultBtn62587" class="liveResultBtn13 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62587, 13);"></p>
	   <div class='watu-question ' id='question-14' style=';'><div id='questionWrap-14'  class='   watupro-question-id-62589'>
			<div class='question-content'><div><span class='watupro_num'>14. </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_14' value='62589' class='watupro-question-id'/><input type='hidden' id='answerType62589' class='answerTypeCnt14' 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-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>B.</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>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-14'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62589" style="clear:both;"><input type="button" id="liveResultBtn62589" class="liveResultBtn14 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62589, 14);"></p>
	   <div class='watu-question ' id='question-15' style=';'><div id='questionWrap-15'  class='   watupro-question-id-62593'>
			<div class='question-content'><div><span class='watupro_num'>15. </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_15' value='62593' class='watupro-question-id'/><input type='hidden' id='answerType62593' class='answerTypeCnt15' 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-250809' class='answer   answerof-62593  ' value='250809'   /><label for='answer-id-250809' id='answer-label-250809' class=' answer'><span>autofocus</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</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></div>					<div style="display:none;" id='liveResult-15'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62593" style="clear:both;"><input type="button" id="liveResultBtn62593" class="liveResultBtn15 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62593, 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-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>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-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>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="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> 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-62581'>
			<div class='question-content'><div><span class='watupro_num'>17. </span>Which among the following browsers does the HTML5 supports?</div><input type='hidden' name='question_id[]' id='qID_17' value='62581' class='watupro-question-id'/><input type='hidden' id='answerType62581' class='answerTypeCnt17' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62581'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62581[]' id='answer-id-250767' class='answer   answerof-62581  ' value='250767'   /><label for='answer-id-250767' id='answer-label-250767' class=' answer'><span>Internet Explorer</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62581[]' id='answer-id-250766' class='answer   answerof-62581  ' value='250766'   /><label for='answer-id-250766' id='answer-label-250766' class=' answer'><span>Firefox</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62581[]' id='answer-id-250765' class='answer   answerof-62581  ' value='250765'   /><label for='answer-id-250765' id='answer-label-250765' class=' answer'><span>Safari</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62581[]' id='answer-id-250768' class='answer   answerof-62581  ' value='250768'   /><label for='answer-id-250768' id='answer-label-250768' class=' answer'><span>All the mentioned above</span></label></div></div></div>					<div style="display:none;" id='liveResult-17'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62581" style="clear:both;"><input type="button" id="liveResultBtn62581" class="liveResultBtn17 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62581, 17);"></p>
	   <div class='watu-question ' id='question-18' style=';'><div id='questionWrap-18'  class='   watupro-question-id-62597'>
			<div class='question-content'><div><span class='watupro_num'>18. </span>Which of the following attribute triggers event before the document is printed?</div><input type='hidden' name='question_id[]' id='qID_18' value='62597' class='watupro-question-id'/><input type='hidden' id='answerType62597' class='answerTypeCnt18' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62597'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62597[]' id='answer-id-250824' class='answer   answerof-62597  ' value='250824'   /><label for='answer-id-250824' id='answer-label-250824' class=' answer'><span>onafterprint</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62597[]' id='answer-id-250823' class='answer   answerof-62597  ' value='250823'   /><label for='answer-id-250823' id='answer-label-250823' class=' answer'><span>onbeforeprint</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62597[]' id='answer-id-250826' class='answer   answerof-62597  ' value='250826'   /><label for='answer-id-250826' id='answer-label-250826' class=' answer'><span>beforeprint</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62597[]' id='answer-id-250825' class='answer   answerof-62597  ' value='250825'   /><label for='answer-id-250825' id='answer-label-250825' class=' answer'><span>onprint</span></label></div></div></div>					<div style="display:none;" id='liveResult-18'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62597" style="clear:both;"><input type="button" id="liveResultBtn62597" class="liveResultBtn18 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62597, 18);"></p>
	   <div class='watu-question ' id='question-19' style=';'><div id='questionWrap-19'  class='   watupro-question-id-62588'>
			<div class='question-content'><div><span class='watupro_num'>19. </span>A next-generation bidirectional communication technology for web applications is?</div><input type='hidden' name='question_id[]' id='qID_19' value='62588' class='watupro-question-id'/><input type='hidden' id='answerType62588' class='answerTypeCnt19' 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-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 class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</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></div>					<div style="display:none;" id='liveResult-19'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62588" style="clear:both;"><input type="button" id="liveResultBtn62588" class="liveResultBtn19 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62588, 19);"></p>
	   <div class='watu-question ' id='question-20' style=';'><div id='questionWrap-20'  class='   watupro-question-id-62585'>
			<div class='question-content'><div><span class='watupro_num'>20. </span>How many new form elements are introduced in HTML5?</div><input type='hidden' name='question_id[]' id='qID_20' value='62585' class='watupro-question-id'/><input type='hidden' id='answerType62585' class='answerTypeCnt20' 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-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>C.</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>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-20'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62585" style="clear:both;"><input type="button" id="liveResultBtn62585" class="liveResultBtn20 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62585, 20);"></p>
	   <div class='watu-question ' id='question-21' style=';'><div id='questionWrap-21'  class='   watupro-question-id-62583'>
			<div class='question-content'><div><span class='watupro_num'>21. </span>If I do not put <! DOCTYPE html>, will HTML 5 work?</div><input type='hidden' name='question_id[]' id='qID_21' value='62583' class='watupro-question-id'/><input type='hidden' id='answerType62583' class='answerTypeCnt21' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62583'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62583[]' id='answer-id-250772' class='answer   answerof-62583  ' value='250772'   /><label for='answer-id-250772' id='answer-label-250772' class=' answer'><span>No, browser will not be able to identify that it’s a HTML document and HTML 5 tags will not function properly</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62583[]' id='answer-id-250771' class='answer   answerof-62583  ' value='250771'   /><label for='answer-id-250771' id='answer-label-250771' class=' answer'><span>Yes, browser will be able to identify that it's a HTML document and HTML 5 tags will function properly</span></label></div></div></div>					<div style="display:none;" id='liveResult-21'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62583" style="clear:both;"><input type="button" id="liveResultBtn62583" class="liveResultBtn21 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62583, 21);"></p>
	   <div class='watu-question ' id='question-22' style=';'><div id='questionWrap-22'  class='   watupro-question-id-62592'>
			<div class='question-content'><div><span class='watupro_num'>22. </span>Which of the following is correct about Web form 2.0 in HTML5?</div><input type='hidden' name='question_id[]' id='qID_22' value='62592' class='watupro-question-id'/><input type='hidden' id='answerType62592' class='answerTypeCnt22' 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-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>B.</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>C.</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 class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</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></div>					<div style="display:none;" id='liveResult-22'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62592" style="clear:both;"><input type="button" id="liveResultBtn62592" class="liveResultBtn22 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62592, 22);"></p>
	   <div class='watu-question ' id='question-23' style=';'><div id='questionWrap-23'  class='   watupro-question-id-62580'>
			<div class='question-content'><div><span class='watupro_num'>23. </span>The following elements <header>, <footer>, <article>, <section> are the new elements in HTML5. These elements are called?</div><input type='hidden' name='question_id[]' id='qID_23' value='62580' class='watupro-question-id'/><input type='hidden' id='answerType62580' class='answerTypeCnt23' value='radio'></div><div class='question-choices watupro-choices-columns '  id='questionChoices62580'><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>A.</i><input type='radio' name='answer-62580[]' id='answer-id-250762' class='answer   answerof-62580  ' value='250762'   /><label for='answer-id-250762' id='answer-label-250762' class=' answer'><span>Semantic elements</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>B.</i><input type='radio' name='answer-62580[]' id='answer-id-250764' class='answer   answerof-62580  ' value='250764'   /><label for='answer-id-250764' id='answer-label-250764' class=' answer'><span>Multimedia elements</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>C.</i><input type='radio' name='answer-62580[]' id='answer-id-250763' class='answer   answerof-62580  ' value='250763'   /><label for='answer-id-250763' id='answer-label-250763' class=' answer'><span>Graphic elements</span></label></div><div class='watupro-question-choice watupro-ansnum ' dir='auto' ><i>D.</i><input type='radio' name='answer-62580[]' id='answer-id-250761' class='answer   answerof-62580  ' value='250761'   /><label for='answer-id-250761' id='answer-label-250761' class=' answer'><span>Control attributes</span></label></div></div></div>					<div style="display:none;" id='liveResult-23'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62580" style="clear:both;"><input type="button" id="liveResultBtn62580" class="liveResultBtn23 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62580, 23);"></p>
	   <div class='watu-question ' id='question-24' style=';'><div id='questionWrap-24'  class='   watupro-question-id-62591'>
			<div class='question-content'><div><span class='watupro_num'>24. </span>Which of the following is correct about custom attributes in HTML5?</div><input type='hidden' name='question_id[]' id='qID_24' value='62591' class='watupro-question-id'/><input type='hidden' id='answerType62591' class='answerTypeCnt24' 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-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>B.</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>C.</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>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-24'>		   
						<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...					</div>	
			</div> 
	   	<p id="liveResBtn-62591" style="clear:both;"><input type="button" id="liveResultBtn62591" class="liveResultBtn24 watupro-live-result-btn" value="See Answer" onclick="WatuPRO.liveResult(62591, 24);"></p>
	   </div><div style='display:none' id='question-25'>
	<div class='question-content'>
		<img decoding="async" src="https://gotest.com.pk/wp-content/plugins/watupro/img/loading.gif" width="16" height="16" alt="Loading..." title="Loading..."  loading="lazy" fetchpriority="low"/> Loading...	</div>
</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><style>a.go-silo-item:hover { transform:translateX(5px); opacity:0.9; text-decoration:none !important; }</style>    <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>
				<style>#comments{display: none;}</style>
				<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