Basically below are the two changes in HTML5 head section "
1) Removed "http-equiv="Content-Type" content="text/html; " attribute if the http-equiv="Content-Type" attributes form the META charset tag .
In Earlier version of HTML : charset meta tag is like given below
<meta http-equiv="Content-Type" content="text/html; content="text/html; charset=utf-8" />
In HTML5
< meta charset="utf-8" />
2 ) No More Types for Scripts and Links
In Earlier version of HTML:
<link rel="stylesheet" href="~\stylesheet.css" type="text/css" />
< script type="text/javascript" src="~\script.js" />
In Html5 : No need to import type="text/css" in case of CSS and type="text/javascript" in JavaScript
< link rel="stylesheet" href="~\stylesheet.css" / >
< script src="~\script.js" / > |
<!DOCTYPE html>
The above declaration tells the browser that the version of the html is 5.
In the previous version of the html that is 4.0. We used to write the doctype as :-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
In HTML 5, we don't need to write lengthy doctype declaration similar to html 4.
Thanks and Regards
Akiii |
Single Page application(SPA) is a web application or web site that fits on a single web page which provides a more fluid UX akin to a desktop application by loading all necessary code (using HTML, JavaScript, and CSS) with single page Load. |
What is the difference between Canvas and SVG?
Canvas and SVG both to be considered as multimedia tags in HTML 5.
<canvas> is a simply a rectangular area built with JavaScript functions. The JavaScript API is used to draw vector graphics into a bitmap of a specific size like a paint program. These are pixel-oriented. That means, we cannot change shapes except by overwriting them with other pixels.
SVG stands for Scalable Vector Graphics. <svg> on other hand is a continer for other tags describes the shapes itself. The SVG is used to draw scalable vector graphics in a document format using XML . The drawing is specified as drawing instructions for each shape and any shape can be changed. These drawings are shape-oriented. |
If we need to execute a JavaScript file asynchronously and autonomously, we need to take help of Web Workers API. It is a thread that executes a java-script file.It helps to achieve multi threading in web application.
e.g. var worker = new Worker("http://xyz.com/somejsfile.js");
The above code will execute the somejsfile.js - javascript file that has been passed inside the Worker() method. |
It is used to semantically mark the main content section or sections of a page.
An HTML5 page may contain multiple individual parts of main content. For instance, a blog website may contain a page with multiple blog posts in. In that case, each blog post would be enclosed in its own article element.
e.g.
<html>
<body>
<header>
Company Logo
<nav>
<a href="MainPage1.html">Page 1</a>
<a href="Main2.html">Page 2</a>
</nav>
</header>
<nav>
<a href="Subpage1.html">SubPage 1</a>
<a href="Subpage2.html">SubPage 2</a>
</nav>
<article>
<p>Main content section 1</p>
</article>
<article>
<p>Main content section 2</p>
</article>
<footer></footer>
</body>
</html> |
Geolocation in html5 is used to get the Latitude and Longitude values . By using these values we can find the exact location of the user . The gelocation is mostly used in the social networking sites . The Mobile social networking site Gorilla also uses geolocation and facebook also uses the geolocation when we access the facebook using mobile then automatically we will it will show our location . |
|
It is a technology designed to simplify much of the complexity around bi-directional , full duplex communication channels, over a single TCP socket.
It can be implemented in web browsers, web servers as well as used by any client or server application.
It is currently being standardized by the W3C web application working group. |
It is a Pixel based (resolutin dependent) API that enables you to dynamically generate and render charts, grphics and animation (without use of flash or silverLight).
It is similar to tags like <div>,<a> and <table> tag, except that its contents are rendered with Javascript. It it also support fallback content means if browser that does not support the this element, you can provide an alternative image or some text what user could be enjoying. |
NOTE: This is objective type question, Please click question title for correct answer. |
Its a new HTML5 API offering important benefits for storing data in a web browser. It is more secure and faster. The data is stored in key/value pairs.
It offers two different storage areas
1) Local storage - Data placed in local storage is per domain and persists after the browser is closed.
2) Session storage- Data placed in session storage is for one session.(within the browser tab or window session) |
There are two ways to stop a worker: by calling worker.terminate() from the main page (e.g: .html,.aspx,.php page etc) or by calling self.close() inside of the worker itself(e.g: .js page). |
Web worker don't access following things
1.The DOM (it's not thread-safe)
2.The window object (few read-only exception (e.g: location object)
3.Host Page (The parent object) |
Due to their multi-threaded behavior, web workers only has access to a following few of JavaScript's features:
1. The navigator object
2.XMLHttpRequest
3. setTimeout() and clearTimeout()
4. setInterval()/clearInterval()
5. The Application Cache
6.the importScripts() method |