Html5 Interview Questions

1.What is the use of Canvas Element in HTML5?

A.Selectors, HTML5 Canvas element can be used to draw graphics images on a web page by using javascript.

2.What is the purpose of HTML5 versus XHTML?

A.HTML5 is the next version of HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX. Instead of using those plugins, it enables browser to serve elements such as video and audio without any additional requirements on the client machine.

3.What is the difference between HTML and HTML5 ?

A.HTML5 is nothing more then upgraded version of HTML where in HTML5 supports the innovative features such as Video, Audio/mp3, date select function , placeholder , Canvas, 2D/3D Graphics, Local SQL Database added so that no need to do external plugin like Flash player or other library elemenents.

4.WHAT are some other advantages of HTML5?

A.a) Cleaner markup than earlier versions of HTML b) Additional semantics of new elements like
<header>, <nav>, and <time> c) New form input types and attributes that will (and in Opera’s case, do) take the hassle out of scripting forms.</time> </nav> </header>

5.What is the major improvement with HTML5 in reference to Flash?

A.Flash is not supported by major mobile devices such as iPad, iPhone and universal android applications. Those mobile devices have lack of support for installing flash plugins. HTML5 is supported by all the devices, apps and browser including Apple and Android products. Compared to Flash, HTML5 is very secured and protected. That eliminates major concerns that we have seen with Flash.

6.What is the sessionStorage Object in html5 ? How you can create and access that?

A.The HTML5 sessionStorage object stores the data for one session. The data is deleted when the user closes the browser window. We can create and access a sessionStorage, created “name” as session

7.What is the difference between the application model of HTML and HTML5?

A.Trick question, there is no difference. HTML5 is a continuum of HTML and just a souped up version of the original HTML. There has been no major paradigm shift.

8.Ok, what’s the real difference between HTML and HTML5?

A.There are many. From a broader perspective, HTML was a simple language for laying out text and images on a webpage, whereas HTML5 can be viewed as an application development platform that does what HTML does that and more, including better support for audio, video, and interactive graphics. It has a number of new elements, supports offline data storage for applications, and has more robust exchange protocols. Thus, proprietary plug-in technologies like Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX are no longer needed, because browsers can now process these elements without additional requirements.

9.What is the new DOCTYPE?

A.Instead of typing out a ridiculously long DOCTYPE statement to tell the browser how to render your webpage, this long line of code has been truncated to .

10.What are some new HTML5 markup elements?

A.There are many: <article$gt; , <aside>, <bdi>, <command></command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <section>, <time>, and <wpr>.</wpr></time></section></rt></ruby></progress></nav></meter></mark></hgroup></footer></header></summary></figcaption></figure></details></bdi></aside></article></div>

11.What elements have disappeared?

A.As mentioned above, <frame></frame> and <frameset> have been eliminated. Other elements that are no longer supported include: <noframe>>, <applet>>, <bigcenter> and <basefront>.</basefront></bigcenter></applet> </noframe></frameset>

12.What are the new media-related elements in HTML5?

A.HTML5 has strong support for media. There are now special <audio> and <video> tags. There are additional A/V support tags as well: <embed></embed> is a container for 3rd party applications. <track><track> is for adding text tracks to media. <source></source> is useful for A/V media from multiple sources.</video> </audio>

13.What are the new image elements in HTML5?

A.Canvas and WebGL. 

<canvas> is a new element that acts as a container for graphical elements like images and graphics. Coupled with JavaScript, it supports 2D graphics. WebGL stands for Web Graphics Language, a free cross-platform API that is used for generating 3D graphics in web browsers.</canvas>

14.What is the difference between SVG and &<canvas&>

A.

<canvasgt; is an element that manipulates two-dimensional (2D) pixels while Scalable Vector Graphics works in 2D and three-dimensional (3D) vectors. Essentially, <canvas> is to SVG as Photoshop is to Illustrator.</canvas></canvas>

15.What are some new input attributes in HTML5?

A.There are many new form elements including: datalist, datetime, output, keygen, date, month, week, time, number, range, email, and url.

16.What are data- attributes good for?

A. The HTML5 data- attribute is a new addition that assigns custom data to an element. It was built to store sensitive or private data that is exclusive to a page or application, for which there are no other matching attributes or elements.

17. What is the difference between HTML5 interaction in Sencha and Twitter/Bootstrap?

A.Sencha and Twitter/Bootstrap are both HTML development frameworks that integrate HTML5, CSS3, and JavaScript. The major difference is that in Sencha, the three languages are all comingled together in code, whereas in Bootstrap, HTML and CSS and decoupled.

18.What purpose do Work Workers serve and what are some of their benefits?

A.Web Workers are background scripts that do not interfere with the user interface or user interactions on a webpage, allowing HTML to render uninterrupted while JavaScript works in the background.

19.What are some of the major new API’s that come standard with HTML5?

A.To name a few: Media API, Text Track API, Application Cache API, User Interaction, Data Transfer API, Command API, Constraint Validation API, and the History API.

20.What is the difference in caching between HTML5 and the old HTML?

A.An important feature of HTML5 is the Application Cache. It creates an offline version of a web application. and stores website files such as HTML files, CSS, images, and JavaScript, locally. It is a feature that speeds up site performance.