Using HTML5 and CSS3 provides advantages to businesses that develop and deploy web content and web applications, to create refined and accurate web pages and web systems that operate across devices, operating systems and web browsers. Write once, run anywhere. The plethora of devices, operating systems and screen sizes present numerous design, functional and layout considerations and problems if standards are not adhered to.
The advantages of a standards based HTML5 and CSS3 approach are as follows:
1. Cost effective Multi-Platform Development
A single batch of code can be used across platforms, devices and different markets; this is an advantage because it results in lower development and maintenance costs over the web site or web application’s lifetime, enabling you to use your resources elsewhere. Current best practice for cross platform (e.g. IOS and Android) application development is a ‘hybrid’ approach, whereby web standards are followed within a native application ‘wrapper’ that can be placed in the iOS or Android store. The LinkedIn ‘Application’ is one of the best examples of a mobile web site, widely considered to be a great ‘app’ that is not an ‘app’
2. Good page ranking
If the foundation of a website is not semantically accurate (i.e. unreadable, non-standard based code) then the page itself will not attain a good rank within serahc engines. No amount of Content Marketing in conjunction with Search Engine Optimisation (SEO) will make a difference to rankings if your page is not well structured HTML, easily readable by the Search Engine, in a logical document structure. HTML5’s new elements can be relied on when sites are being re-indexed on search engines, as specific mark-up features of HTML5 are of value when search engine results pages (SERPs) are being calculated. Search Engine Land outline well the main benefits that HTML5 offers in terms of content mark-up and SEO.
3. Offline browsing
In a similar way that ‘apps’ can be used offline, without an internet connection, HTML5 supports local storage of web application code and content, through the offline application cache. This is a tremendous advantage to businesses, like publishers, who can provide an offline web experience for readers on the move. The offline cache also produces significant performance enhancements as more of the site or system code and content is accessed quickly, locally.
4. Consistency across multiple browsers
Not all browsers support all web pages or web applications, however, the implementation of HTML5 and CSS3 helps the designer to create a compatible site or system within all browsers.
5. Better mobile access to Business Intelligence
Future development of HTML5 applications may lead to better access to business intelligence as all devices that are compatible with HTML5 will have the same ability to collect, collate and use data using standard (cross device) browser based analytics tools.
6. Extension of video to a wide range of platforms
According to TechCrunch nearly two-thirds of web video was already encoded for HTML5 in 2010, and one of the biggest benefits for marketers now is that HTML5 has native video support and can be directly built in to the supporting browsers which allow faster, high-quality video’s to be distributed. The inclusion of direct video content on a web page can also impact positively on SEO, as it is unique, engaging and therefore is included in ‘quality content’ that search engines are looking to send users to.
HTML5 supports geolocation. Once a user opts to share their location an HTML5 application can use the user’s location. This can be of primary importance when developing location based services or apps.
8. A better user experience
HTML5 offers a wider range of design and presentation tools across media types, giving the developers greater scope to produce a better web sites and web applications. This is vital from a business point of view, as user engagement and retention is key to increased site and system use and conversion. Creating an accessible and usable site or system means that users will be more likely to engage.