1. What are the new form element types in HTML 5?

New form elements introduced in HTML 5:
★ Color
★ Date
★ Datetime-local
★ Email
★ Time
★ Url
★ Range
★ Telephone
★ Number
★ Search

2. Described datalist in HTML 5?

Datalist element in HTML 5 helps to provide autocomplete feature in a textbox.

HTML code for DataList feature:
<input list="Country">
<datalist id="Country">
<option value="India">
<option value="Italy">
<option value="Iran">
<option value="Israel">
<option value="Indonesia">

3. How page structure of HTML 5 is different from HTML 4 or previous HTML?

A typical web page has headers, footers, navigation, central area and side bars. Now if we want to represent the same in HTML 4 with proper names to the HTML section we would probably use a DIV tag.
But in HTML 5 they have made it more clear by creating element names for those sections which makes your HTML more readable.
More details:
★ <header>: Represents header data of HTML.
★ <footer>: Footer section of the page.
★ <nav>: Navigation elements in the page.
★ <article>: Self-contained content.
★ <section>: Used inside article to define sections or group content in to sections.
★ <aside>: Represent side bar contents of a page.

4. DEFINE selectors in CSS?

Selectors help to select an element to which you want to apply a style. For example below is a simple style called as 'intro" which applies red color to background of a HTML element.

5. How to use column layout in CSS?

CSS column layout helps you to divide your text in to columns. For example consider the below magazine news which is one big text but we need to divide the same in to 3 columns with a border in between. That's where HTML 5 column layout comes to help.

6. Define SVG?

SVG stands for scalable vector graphics. It's a text based graphic language which draws images using text, lines, dots etc. This makes it lightweight and renders faster.

7. Define w3c?

w3c stands for world web consortium. w3c Standards compliance in web development is where everything is (hopefully?) going. Don't ask them to recite the w3c's mission statement or anything, but they should at least have a general idea of who they are.

8. Can you please explain the difference between cookies, session-Storage, and local-Storage?

Cookies are small text files that websites place in a browser for tracking or login purposes. Meanwhile, local-Storage and session-Storage are new objects, both of which are storage specifications but vary in scope and duration. Of the two, local-Storage is permanent and website-specific whereas session-Storage only lasts as long as the duration of the longest open tab.

9. Can you please explain the difference between SGML and HTML?

SGML (Standard generalized markup language) is a standard which tells how to specify document markup. It's only a Meta language which describes how a document markup should be. HTML is a markup language which is described using SGML.

10. Can you please explain the difference caching between HTML5 and the old HTML?

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.

Download Interview PDF