Alex Marshall

Alex Marshall is a marketeer, web developer and designer and enjoys being creative and has a keen interest in technology, and is fascinated by both new hardware and software.
He also likes retro technology, classic cars and in his spare time enjoys traveling.
He is immersed in the world of Java, PDF and HTML5 but loves to explore other areas in the world of tech.

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 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 which addresses the modern needs and expectations of websites in this ages of smartphones and tablets. So lets get started.

So what is HTML5?

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 enabled 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 allow 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 format such as IOS and Android applications and can be used in any 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 in apps), and more (if you would like to learn more HTML5 JavaScript API, click here).

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 the way its 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 easy 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 improve responsivitity and improved user experience. With 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 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

If you’re a first-time reader, or simply want to be notified when we post new articles and updates, you can keep up to date by social media (TwitterFacebook and Google+) or the  Blog RSS.

Alex Marshall

Alex Marshall is a marketeer, web developer and designer and enjoys being creative and has a keen interest in technology, and is fascinated by both new hardware and software.
He also likes retro technology, classic cars and in his spare time enjoys traveling.
He is immersed in the world of Java, PDF and HTML5 but loves to explore other areas in the world of tech.

Pros and Cons of Bitbucket Pipelines

Recently I have been looking at our current test suite looking for ways to improve our own tests. As we use Bitbucket we have...
Kieran France
3 min read

Converting your PDF files to HTML5 with BuildVu 

Recently we announced our updated product range for 2018 and are rebranding some existing products, like JPDF2HTML5 which has been renamed to BuildVu. It...
Georgia Ingham
3 min read

Leave a Reply

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