Top 10 HTML5 Interview Questions & Answers

by chittaranjan deo

As a candidate for HTML5 (Web development) you would definitely like to know the best possible questions you might face in your next HTML5 interview. Thought the questions change from one interviewer to another, we would like to put together a set of questions considering that it is expected from you to know the correct answers to these questions.

List of Top HTM5 Freelancers

Question 1

What is HTML and what’s new with HTML5?

Answer: HTML is short form for ‘Hyper Text Markup Language’, which is a language of World Wide Web (WWW or W3). IT just contains contents and tags.

HTML5 is extension of HTML with better support for audio, video and interactive graphics. HTML5 has number of new elements

*Tip: Remember, don’t forget the basics of a technology you are using and answer to a question with acronym is not just telling its long form!

Question 2

What is datalist in HTML5? Given an example with a small code snippet

Answer: Datalist element in HTML 5 helps to provide autocomplete feature

Example:

<input list=”Country”>

<datalist id=”Country”>

<option value=”India”>

<option value=”Italy”>

<option value=”Iran”>

<option value=”Israel”>

<option value=”Indonesia”>

</datalist>

*Tip: Remember you may be asked to write an example, so be ready with some easy to write code snippets.

Question 3

Can you tell some of the new form element / input type types in HTML5?

Answer: Try to tell at least 5 or more of the new input types:

  • Color
  • Date
  • Datetime-local
  • Email
  • Time
  • Url
  • Range
  • Telephone
  • Number
  • Search

*Tip: There could be many questions on latest features of HTML5, so focus on that

Must Read  Top 10 SQL Interview Questions & Answers

Question 4

What is an Output element in HTML5?

Answer: The HTML5 specification defines the “output” element as an element which represents the result of a calculation. This element must have start and end tags.

*Tip: New elements added to a language are important for interviewer

Question 5

What is SVG in HTML5?

Answer: SVG stands for Scalable Vector Graphics. It’s a language for describing 2D graphics applications in XML and the XML is then rendered by an SVG viewer

*Tip: If you don’t understand a particular acronym / short form, do not hesitate to ask the long form but then you should be able to tell what does that mean

Question 6

What are new media elements in HTML5 and what are they used for?

Answer: The new media elements and what they define are: <audio> defines sound, <embed> defines containers for external application, <source> defines source for audio and video, <track> defines tracks for audio and video and <video> defines video or movie content

*Tip: Media is most important feature of today’s web development and expect at least one question on the same as it is one of the main features of HTML5

Question 7

Can you write a small code snippet to get directions from Google map?

Answer:

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”>

<label for=”sadd”>Enter your location</label>

<input type=”text” name=”sadd” />

<input type=”hidden” name=”dadd” value=”350 5th Ave New York, NY 10018″/>

<input type=”submit” value=”Get directions” />

</form>

*Tip: In any programming language interview, writing code snippets could be definitely part of the interview.

Question 8

What is Web Forms 2.0?

Must Read  Top 10 Javascript Interview Questions & Answers

Answer: Web Forms 2.0 is an extension to the forms features in HTML4. Form elements and attributes in HTML5 provide a greater degree of semantic mark-up than HTML4 and remove the need for tedious scripting and styling that was required in HTML4.

*Tip: Web Forms is one of the most important part of any Web development related technology and you can expect at least one or two questions on the same

Question 9

What has replaced traditional cookies in HTML5 and what are the advantages?

Answer: ‘Web Storage’ has replaced traditional cookies in HTML5 and some advantages are:

It is easy to use for developers

It provide huge amount of data storage space

Data stored in web storage can be accessed using JavaScript.

*Tip: Once you answer this correctly, be ready to talk more about two types of Web storage objects viz. SessionStorage and LocalStorage

Question 10

What is the relation of Hybrid Mobile App with HTML5?

Answer: Basically, a hybrid mobile app is a web app built using HTML5 and JavaScript, wrapped in a native container which loads most of the information on the page as the user navigates through the application

*Tip: Even if you are being interviewed as a Web developer, at least a few questions will relate in some or other way with Mobile App technology which is now an integral part of your development world

We hope you have got the gist of important questions which can help you prepare for your interview

All the Best!