HTML5 is the latest and most enhanced version of HTML.

Technically, HTML is not a programming

language, but rather a mark up language.

HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and
XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web.

HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext
Application Technology Working Group (WHATWG).

The new standard incorporates features like video playback and drag-and-drop that have been
previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and
Google Gears.
Browser Support

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many
HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have
excellent support for HTML5.
New Features

HTML5 introduces a number of new elements and attributes that helps in building a modern website.
Following are great features introduced in HTML5.

New Semantic Elements − These are like <header>, <footer>, and <section>.

Forms 2.0 − Improvements to HTML web forms where new attributes have been introduced for
<input> tag.

Persistent Local Storage − To achieve without resorting to third-party plugins.

WebSocket − A a next-generation bidirectional communication technology for web

applications.

Server-Sent Events − HTML5 introduces events which flow from web server to the web
browsers and they are called Server-Sent Events (SSE).

Canvas − This supports a two-dimensional drawing surface that you can program with
JavaScript.

Audio & Video − You can embed audio or video on your web pages without resorting to third-
party plugins.

Geolocation − Now visitors can choose to share their physical location with your web
application.
Microdata − This lets you create your own vocabularies beyond HTML5 and extend your web
pages with custom semantics.

Drag and drop − Drag and drop the items from one location to another location on a the same
webpage.
Backward Compatibility

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers.
New features build on existing features and allow you to provide fallback content for older browsers.

It is suggested to detect support for individual HTML5 features using a few lines of JavaScript.

If you are not familiar with any previous version of HTML, I would recommend to go through our HTML
Tutorial before you explore further concepts of HTM5.

Below are the Question and answer of the Trend Technology HTML 5 L1 Mock Test.

1. HTML5 browsers support which technology?

a. CSS2
b. CSS3
c. CSS1
d. CSS2.5

2. Which HTML5 form attribute is used to instruct browser automatically complete values based on
values that the user has entered before

a. Autoaction
b. Autofocus
c. Autocomplete
d. Autovalidate

3. Which HTML5 attribute specifies the URL of a file that will process the input control when the form
is submitted

a. Formaction
b. Formenctype
c. Formmethod
d. Formvalidate

4. What is the HTML5 syntax to enable autocomplete feature?

a. <input type = “text” name = “creditcardno” autocomplete = “1”>

b. <input type = “text” name = “creditcardno” autocomplete = “on”>
c. <input type = “text” name = “creditcardno” autocomplete = “true”>
d. <input type = “text” name = “creditcardno” autocomplete = “enable”>

5. HTML5 attribute that specifies that an input field must be filled out before submitting the form

a. Regular expression
b. Mandatory
c. Validate
d. Required

6. Correct syntax in HTML5 for designing a telephone number field?

a. <input type = “telephone” name = “telephone”>

b. <input type = “tel” name = “telephone”>
c. <input type = “tele” name = “telephone”>
d. <input type = “phone” name = “telephone”>

7. In HTML5, ------- tag is not supported?

a. Code
b. <basefont>
c. Base
d. Canvas

8. Which HTML5 input type allows users to select a date and time with time zone?

a. Datetime
b. Datetime-local
c. Datetime-timezone
d. Datetime-zone

9. Below is new HTML5 input type

a. Search
b. Block
c. Layout
d. List

10. Which HTML5 input type allows a user to select a year and week

a. Input type = “ yearandweek”

b. Input type = “ weekandyear”
c. Input type = “weekyear”
d. Input type = “week”(correct)

11. What type the input field has to be to contain email address

a. Email
b. Datetime-local
c. Datetime
d. Html

12. How many video formats supported for <video> element

a. 4
b. 2
c. 3
d. 1

13. How many audio formats supported for <audio> element

a. 4
b. 2
c. 3
d. 1

14. Track tag specifies text tracks for which media elements

a. <audio> and <video>

16. Which is not semantic

a. <form>
b. <table>
c. <img>
d. <div>
17. In HTML5, semantic element is used for defining marking or highlighting text?

a. <highlight>
b. <mark>
c. <markup>
d. <marktext>

18. Which HTML5 element is used to define a caption for <figure> element?

a. <figtext>
b. <figurecaption>
c. <figcaption>
d. <figuretext>

19. To draw straight lines on canvas, which methods are used?

a. moveTo(x,y) and lineTo(x,y)

b. moveTo(x,y)
c. moveTo(x,y) and strokeText(x,y)
d. lineTo(x,y)

20. Which element in HTML5 is used to draw graphics?

a. <canvas>
b. <video>
c. <svg>
d. <audio>

21. Which method in canvas is used to create a rectangle?

a. Rectangle(x,y,width,height)
b. Rect (x,y,width,height)
c. CreateRect (x,y,width,height)
d. CreateRectangle(x,y,width,height)

22. Transformations in HTML5 are applied using

a. Transform
b. Canvas
c. Geolocation
d. Web Storage

23. Which tag specifies a key-pair generator field in a form

a. <output>
b. <datalist>
c. <keygen>
d. <input>

24. Where the keys are stored which has been generated using <keygen> element?

a. Private key is stored locally. public key is sent to the client

b. Private key is stored in server. public key is stored locally
c. Private key is sent to the client. public key is stored locally
d. Private key is stored locally. public key is sent to the server

25. Use of <embed> tag?

a. Used to embed plugin
b. Used to embed text
c. Used to embed canvas
d. Used to embed JS

26. Which tag defines a caption for <figure> element?

a. <form>
b. <figure>
c. <figcaption>
d. <output>

27. Elements which are not supported in HTML5?

a. <font>
b. <q>
c. <menu>
d. <ins>

28. HTML5 is a cooperation between WWW Consortium and

a. XML
b. XAML
c. HTML
d. WHATWG

29. Which tag is obsolete and not supported in HTML5?

a. <dd>
b. <br>
c. <b>
d. <big>

30. Out of following options, which is new element in HTML5?

a. <noframes>
b. <site>
c. <div>
d. <canvas>

31. Which method is use to draw canvas image?

a. drawPicture
b. Image
c. drawImage

d. drawCanvasImage

32. Which attribute is used to fill the background of rectangle, circle and a line?

a. bg
b. Fill
c. Style

d. Background
Audio Support format - MP3 WAV OGG

Video Support format – MP4 WEBM OGG

Cleint Certificate wala – Private Key

HTML 4.01, XHTMl 1.0 , XHTML 1.1 and serialize - XML

Autofocus ka thora padh lena

Fill colour in Rectangle and circle – fill attribute

Multiple attribute input type- email and file

Canvas – element hai

URL ke liye – URL input type