- Category: Web Development
- Written by Super User
There isn’t exactly complete list of features in HTML5 as the language is still in development phase which is known to complete somewhere around 2014. Right now this is living technology which is going through major changes and new features; however there is wide support from latest web and mobile browsers. HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM Level 2 HTML as well. Here we will list some of the stable features of HTML5.
The Semantic Layout
Sounds complicated but actually it isn’t, semantic layout is group of tags that make coding easier to understand and edit, for example these are logically grouped tags web page headers and footers can be wrapped in <header> and <footer> tags; navigation can use <nav> tags; sections are enclosed in <section>; and actual article content is written within <article> tags.
New User Interface Tags
WHATWG has deprecated older HTML tags that have become obsolete or were implemented in CSS. Tags like <center>, <frame>, <font>, <strike>, and <u> are now ignored. Instead of this, HTML5 introduces a few user interface (UI) tags that you can be used to make browsing website a better experience. New features incorporate <figure> and <figcaption> for providing new details to images, <mark> for highlighting and <meter> and <progress> to display a moving and static progress bar.
CSS3 Visual Enhancements
CSS permit to modify any HTML element’s dimensions, font, colors, image, alignment, and layout. With CSS3, there are actually simpler methods to find and isolate specific tags to apply these customized styles in a website. You can also create 2D and 3D transformations, transitions, and even animations.
Flexible Box Model and Multi-Column Layout
Two new methods allow developing “table like” layouts in HTML5 and CCS3. The Flexible Box Model allows you to arrange website page data into multiple rows or columns inside a new display: box object. The multi-column layout allows you to construct data into multiple columns of variable height and width.
Intelligent Form Inputs
jQuery, Browser Events, and Custom Data Attributes
The new audio and video support built into HTML5 replaces Flash movies and multimedia. However, different HTML5 web browsers support different file encoding formats or/and codec — it is possible easily create content and convert it into the needed formats to reach the widest-possible HTML5 viewers.
Since the dawn of web, cookies have been used as a method to keep information on the user’s internet browser. Simply because a cookie is composed of only simple key/value data bits, web developers have had to work with smart methods so that they could manage more complex data structures. HTML5 re-implements cookies as the Web Storage API; it is going to another level by presenting the Web SQL and IndexedDB APIs as relational databases.
Offline Detection and Synchronization
HTML5 gives you the ability to develop a web application that will identify if it is connected on-line and or else, instruct the internet browser to get access to website from its internal app cache. While the user returns online, all data that is new on the cache may be instantly submitted and resynchronized with your web server application. This successfully creates the feeling that web app is constantly accessible, no matter of whether or not the internet is on or off. This can be very useful option for HTML5 games.
Latest smart phones comes with build-in mobile web browser that supports HTML5, it is possible to leverage the Geolocation API and present information and direction based on the user’s physical location. These details can easily be associated with other third-party services, such as Google Maps and Bing Maps, to deliver an immediate overhead map of the surrounding area.
Ajax is a technology that put together an asynchronous XML request towards the server over the HTTP protocol; WebSockets are intended to be extremely effective, utilizing their own dedicated channel and protocol. WebSockets were created to be low-level continual connection channels between a web server and web browser.
The Notifications API allows to pop-up simple screen notification messages outside of the web browser. This Notifications API originated from Google for the goal of displaying new email notifications from Gmail. This API exists only in WebKit-based internet browsers, such as Chrome and Chromium. Dissimilar to pop-up windows, that has seriously affected the Internet; this feature is off by default and can be enabled only if requested on a per-domain basis.