Alex Marshall Alex Marshall is a marketeer, web developer and designer. He also likes retro technology, classic cars and in his spare time enjoys travelling.

The 6 things I like about the HTML5 Format

3 min read

Last time my colleague wrote about what she liked about the PDF File Format, so I thought I would take a look at a file format (HTML and HTML5) which I spend a lot of time working with as part of the development of our website and PDF to HTML5 Converter.

To start with, here is an insight into why HTML5 is becoming the new standard that addresses the modern needs and expectations of websites in this age of smartphones and tablets. So let’s get started.

So what is HTML5?

HTML5 is the Future of the Web

HTML5 is the latest version of the HTML standard and is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. HTML5 added many new syntactic features over HTML4 (which was standardized in 1997) such as <video>, <audio> and <canvas> elements, integration of scale-able vector graphics (SVG) content (replacing generic <object> tags), and MathML for mathematical formulas. These were added to enable better displaying of multimedia and graphical content on the web without having to use proprietary plugins and APIs. A good example of this is Youtube where videos are now displayed in HTML5.

Other elements, such as <main> <section>, <article>, <header>, <footer>, <aside>, <nav> and <figure>, were added to improve semantic content of documents.

So what do you like about HTML5?

1. Ubiquity

HTML5 is available for free on just about any device (PC, Tablet, phone and probably your fridge soon). All Modern Browsers have universal support for HTML5 which allows developers to use all lots of new and exciting features to create more dynamic websites and content. In the new ages of consuming content on your tablet or smartphone and application stores, the easiest and cost-effective option is to create your content in HTML5 as it is not restricted by proprietary formats such as IOS and Android applications and can be used in any other browser on any machine.

2. Functionality

HTML5 is far more functional than its predecessor, a lot of things can be created using CSS3. You can use it to create some cool visual effects such as rounded corners, shadows or animations like the skinning of our IDR Viewer (a good example of our viewer and one that has been re-skinned using CSS3).

HTML5 also makes it easier to draw graphics using the canvas tag and CSS3 2D&3D along and most important SVG becoming a part of HTML5 which is good for having highly detailed content or images which we utilize in our canvas PDF to SVG Conversions.

3. Interactivity

HTML5 allows you to make your content more interactive and it supports dynamic editing and updating of the HTML page. You can do this by utilizing JavaScript. The JavaScript API supports many different functionalities such as application storage, geolocation (that allows you to track people if you are using apps), and more (learn more about HTML5 JavaScript API).

With the introduction of HTML5, developers can now create web pages with the same functionality and traditional software packages which you used to run on your machine (once you have purchased and installed it on an appropriate machine).

A good example is a way it allows you to load scrolling content up in our continuous page mode in our PDF to HTML5 Converter and to allow interactive elements such as making XFA Forms in HTML5 interactive.

4. Analytics

Being a Marketer I spend a lot of time looking at stats in Google Analytics. What I like with HTML5 is that you can add Analytics to HTML5 relatively easily and see how many visitors you are getting and what is being viewed. Once again you just need a combination of Javascript to manipulate the HTML5 and basic knowledge of how to add this code in.

5. Portability and Cost-effectiveness

HTML5 is great for Portability. It is mobile and tablet friendly and loads quicker whilst using up less bandwidth and data whilst offering to improve responsivity and improved user experience. With the smartphone and tablet market diverging into different supported operating systems (Android, IOS and Windows/Windows Phone) and their native applications, HTML5 is supported throughout all of the platforms as you can have HTML5 native browser applications allowing you to have your content delivered to a wide array of customers.

The great side effect is that this means a reduction in development time for your application and cost savings meaning you can focus on writing functionalities that work, look good, while using the latest tools and make it easy to use and update cross-platform.

6. Language and Development Tools

The HTML5 language is also a human-readable format with clear tags like Microsoft Edge, Firefox or Chrome) and plugins are available that help with development like Firebugz and ColorZilla.

Is there anything else you like about the HTML5 Format? Let us know.

Next time I will take a look at what I hate about HTML5.

Watch how to use our PDF Viewer JPedal

Alex Marshall Alex Marshall is a marketeer, web developer and designer. He also likes retro technology, classic cars and in his spare time enjoys travelling.

Leave a Reply

Your email address will not be published. Required fields are marked *

IDRsolutions Ltd 2022. All rights reserved.