Important Features of HTML5
Posted By : Swati Rahangdale | 27-Sep-2017
HTML5 is an important tool for web developers to know the main outlines and how to use them. HTML5 includes new markup elements but also APIs that can be consumed from the JavaScript code. This article discusses some of the features of HTML5 that are useful. You learn about canvas & audio, video elements, new form types, new inline elements features and custom data attributes.
Audio and Video Elements
HTML5 provide two elements, audio and video tag for embedding audio and video files into a web page. i.e instead of using some third-party add-on or plugin for displaying media files you can use the native support provided. Using these elements is quite straightforward.
Canvas Element
Canvas elements supported displaying images, this support was limited to show existing image files. In the past it wasn't possible to generate graphics programmatically in the browser. The canvas element provides a rich set of APIs for in-browser graphics and drawing capabilities. The canvas element can be very usefull & developing HTML5 based games displaying charts, generating image previews and more.
New Form Type
Supports all the standard form input types, but it adds following
-
Datetime
-
Datetime-local
-
Date
-
Month
-
Week
-
Time
-
Number
-
Range
-
Email
New Inline Elements
The following inline elements tells about concepts and keep them semantically marked up.
-
To indicate content that is a Date or time
-
To indicate content that is marked in some fashion
-
To indicate the task completion
New Dynamic Pages Support
It was developed to help Web application , so there are major new features to make it easy to create dynamic pages.
Menus Context- use of context menus within the application of web pages. href tag is not required, this allows you to use the a tag with scripts and in Web applications without needing a place to send that anchor tag.
Async Attribute - This is added to the script tag to tell the browser that the script should be loaded asynchronously so that it doesn't slow down the load and display of the rest of the page.
Design table that is built from a database . This would be like tooltips in non Web applications. An old tag reversed and given new life allowing you to create a menu system on your Web pages. Action organize that should happen when a dynamic element is activated.
Custom Data Attributes
HTML elements have a fixed set of data attributes that can be assigned either through client side script or markup language. Custom Data Attributes allow you to define custom attributes for an HTML element. These custom attributes uneffective the user interface of the element in any way but you can access and manipulate them via client script. These attributes take the form of data is any developer defined name. e.g. data-validation message. Jquery plugin may use data attributes to specify a tooltip for a DOM element. validation library may use data attributes to specify validation related metadata such as an error message and error message style.
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Swati Rahangdale
Swati has good konwledge of HTML,CSS, Boostrap.now . She is a UI developer. Her hobbies are watching movie.