HTML5 Interview Questions and Answers for freshers & experienced
HTML5 (Hypertext Markup Language version 5) is the latest evolution of that the standard that defines HTML. The first released HTML5 in January 22, 2008. It is a new version of the Mark-up language HTML, with new different elements, behaviors, attributes, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications.
Some of the new features provided in HTML5 are: <audio> and <video> elements are provided by HTML5 for media playback. The tags used are: The new Form elements in HTML5 provide for a better functionality. The tags provided to carry out these functions are: The various tags provided for better structuring in HTML 5 are: Following elements of HTML 4.01 are no more a part of HTML 5: Canvas is a rectangular area on a HTML page, specified with the tag <canvas>. By default, a canvas has no border. To get a border on the canvas, a style attribute is required to be used. Following are the main advantages of using SVG over other image formats: The table below shows some important differences between Canvas and SVG: For More: Following methods are used to draw a straight line on a Canvas: Gradients in canvas are used to fill rectangles, circles, lines etc. The gradients in Canvas are of two types: drawImage(image,x,y) method is used to draw an image on the canvas. To make an image draggable, the draggable attribute is set to true: <img draggable=”true”> HTML 5 provides following audio tags: <audio> – Defines sound content <source> – Defines multiple media resources for media elements, such as <video> and <audio> Following are the important, new input types for forms provided by HTML 5: With HTML5, it is possible for the web pages to store the data locally in the user’s browser. This web storage is much faster and secured than the cookies. Also, a larger amount of data can be stored without causing any adverse effect to the performance of the website. The data here is not included with every server request. It is used ONLY when it is asked for. It is only that particular web page that can access the data stored by it. Local Storage object stores the data without an expiry date while Session Storage object stores the data only for one session. With local Storage object, data will not be deleted when the browser window is closed while the data is deleted when the browser window closes with Session Storage objects. The Application Cache concept introduced by HTML5 means that a web application is cached, and accessible without an internet connection. There are three advantages of Application Cache: A Manifest file is a simple text file that tells the browser what to cache and what not to cache. There are three sections of a Manifest file: Following JavaScript objects are not accessible to web worker: The new attributes provided in HTML5 for <form> are: autocomplete novalidate Following are the new attributes provided in HTML5 for <input> autofocus: form: formaction: formenctype: Formmethod: formnovalidate formtarget height and width list min and max Multiple pattern placeholder required stepWhat are the new features provided in HTML5?
Can you explain about the new <canvas> element?
What are the various elements provided by HTML 5 for media content?
What are the new Form elements made available in HTML5?
What are the various tags provided for better structuring in HTML5?
Which elements of HTML 4.01 is no more a part of HTML5?
What is SVG?
What is a Canvas? What is the default border size of a canvas?
What are the advantages of SVG over other image format like JPEG or GIF?
What are the differences between Canvas and SVG?
Which methods are used to draw a straight line on a Canvas?
What are gradients in Canvas used for? What are their different types?
Which method is used to draw an image on the canvas?
HTML5 provides drag and drop facility. How do you make an image draggable?
Can HTML 5 get the geographical position of a user?
What are the audio tags provided by HTML 5?
What are the new input types provided by HTML 5 for forms?
What is HTML5 Web Storage?
What are the differences between localStorage and sessionStorage objects?
What is the concept of Application Cache in HTML5? What are its advantages?
What is a Manifest file?
What is a Web Worker?
Which JavaScript objects are not accessible to web worker?
What are the new attributes provided in HTML5 for <form>?
What are the new attributes provided in HTML5 for <input>?
Related posts:
- CSS3 Interview Questions and Answers
- DHTML Interview Questions and Answers
- GWT Interview Questions and Answers
- HTML DOM Interview Questions and Answers
- HTML Interview Questions and Answers
- jQuery Interview Questions and Answers
- UI Developer Interview Questions and Answers
- Web Technology Interview Questions and Answers