Saturday 28 February 2015

HTML5 interview Questions and Answers for Fresher and Experienced

HTML5 interview Questions and Answers for Fresher and Experienced
HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. 

As of October 2014  this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.


Question: What is file extension of HTML5?

Question: What is initilize date of Html5?
28 October 2014

Question: What are the new features in HTML5?
Following are new features in HTML5
Local storage.
New form controls like calendar, date, time, email, URL and search etc.
canvas element is provided for 2D drawing.
video and audio elements for media playback.
New elements are provided. For e.g. article, header, footer, nav, section.

Question: What are the various elements provided by HTML 5 for media content?
audio - It defines sound content.
video - It defines a video.
source - This tag defines the source of video and audio.
embed - It provides a container for an external application.
track - It defines text tracks for videoand audio.

Question: What are the new Form elements made available in HTML5?
datalist - It specifies a list of options for input controls
keygen - This tag defines a key-pair generator field.
output - It defines the result of a calculation.

Question: What are the various tags provided for better structuring in HTML5?
article - This tag defines an article.
aside - It defines content other than the page content.
bdi - This tag isolates a part of text for formatting.
command - It defines a command button to be invoked by the user.
details - It defines additional details that can be viewed .
dialog - It defines a dialog box.
figure - This tag specifies content like illustrations, diagrams, photos, code listings etc.
figcaption - It is used to provide a caption for a figure element .
footer - This tag defines a footer for a document or section.
header - This tag is used to define a header for a document .
hgroup - When there are multiple levels in a heading, it groups a set of h1 to h6 elements.
mark - It defines highlighted text.
meter - It defines a scalar measurement within a known range.
nav - It defines links for navigation.
progress - This tag exhibits the progress of a task.
ruby - It defines a ruby annotation for East Asian typography.
rt - It defines an explanation/pronunciation of characters for East Asian typography.
rp - This tag tells the system what to display in browsers that do not support ruby annotations.
section - It defines a section in a document.
summary - It provides a visible heading for a details element.
time - This tag defines a date/time.
wbr - This tag defines a line-break.

Question: What is SVG?
SVG is the abbreviation for Scalable Vector Graphics and is recommended by W3C.
It is used to define vector-based graphics for the Web

Question: What is a Canvas? What is the default border size of a canvas?
Canvas is a rectangular area on a HTML page, specified with the canvas tag.
By default, It has no border. To get a border style attribute can be used.

Question: Differentiate between Canvas and SVG?
Canvas is resolution dependent while SVG is not.
Canvas does not provide any support for event handlers while SVG does provide the support for event handlers.
Canvas is suitable for graphic-intensive games while SVG is not suitable for gaming.
Canvas is suitable for small rendering areas while SVG is suitable for large rendering areas like Google maps.

Question: HTML 5 provides drag and drop facility. How do you make an image draggable?
<img draggable="true" />

Question: What is HTML5 Web Storage?
It store the data locally in the user's browser

Question: Differentiate between session Storage and local Storage objects?
Session Storage object stores the data only for one session while local Storage object stores the data without an expiry date.

Question: What is a Manifest file?
A Manifest file is a simple text file that tells the browser what to cache and what not to cache.

Question: What is a Web Worker?
A web worker is a JavaScript which runs in the background.

Question: What is the purpose of HTML5 versus XHTML?
HTML5 is the next version of HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. Its aim to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight etc.

Question: WHAT are some other advantages of HTML5?
Cleaner markup than earlier versions of HTML
Additional semantics of new elements like header, nav, and time

Question: What is the !DOCTYPE? Is it mandatory to use in HTML5?
The !DOCTYPE is an instruction to the web browser about what version of HTML the page is written in. The !DOCTYPE tag does not have an end tag. It is not case sensitive.

Question: What are various tags which are not available in HTML5?


Question: How to link an email address?
<a href="">Email Me</a>