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.
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.
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
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
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
No comments:
Post a Comment