Logo F2FInterview

HTML5 Interview Questions

Q   |   QA

The canvas element is used to draw graphics images on a web page by using javascript like below

Like below we can add video in html5

<video width=“320″ height=“240″ controls=“controls”>
<source src=“mysong.mp4″ type=“video/mp4″ />
<source src=“mysong.ogg” type=“video/ogg” />
</video>

And audio like this

<audio controls=“controls”>
<source src=“mysong.ogg” type=“audio/ogg” />
<source src=“mysong.mp3″ type=“audio/mpeg” />
</audio>

Before HTML5 LocalStores was done with cookies. Cookies are not very good for large amounts of data, because they are passed on by every request to the server, so it was very slow and in-effective.

In HTML5, the data is NOT passed on by every server request, but used ONLY when asked for. It is possible to store large amounts of data without affecting the website’s performance.and The data is stored in different areas for different websites, and a website can only access data stored by itself.

And for creating localstores just need to call localStorage object like below we are storing name and address

<script type=“text/javascript”>
localStorage.name=“PHPZAG”;
document.write(localStorage.name);
</script>
<script type=“text/javascript”>
localStorage.address=“Newyork USA”;
document.write(localStorage.address);
</script>

The sessionStorage object stores the data for one session. The data is deleted when the user closes the browser window. like below we can create and access a sessionStorage here we created “name” as session

<script type=“text/javascript”>
sessionStorage.name=“PHPZAG”;
document.write(sessionStorage.name);
</script>

The canvas element is used to draw graphics images on a web page by using javascript like below

<canvas id=“pcdsCanvas” width=“500″ height=“400″>
</canvas>
<script type=“text/javascript”>
var pcdsCanvas=document.getElementById(“phpzagCanvas”);
var pcdsText=pcdsCanvas.getContext(“2d”);
pcdsText.fillStyle=“#82345c”;
pcdsText.fillRect(0,0,150,75);
</script>

HTML5 is the proposed next standard for 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.

In order to link this F2FInterview's page as Reference on your website or Blog, click on below text area and pres (CTRL-C) to copy the code in clipboard or right click then copy the following lines after that paste into your website or Blog.

Get Reference Link To This Page: (copy below code by (CTRL-C) and paste into your website or Blog)
HTML Rendering of above code: