HTML5 Responsive Web Templates

We are asked a lot about the term HTML5 and what it has to do with our responsive web templates. Well, a lot, the source code is HTML5, what does that mean you may ask yourself, we will give it a go and try to make things a little clearer.

HTML5 is a markup language, to be precise, it is used to structure and present our responsive web templates on the net. HTML5 is the fifth version of the HTML standard.

So what does this have to do with us you may ask. Well, HTML5 has been created with the intent to take over HTML 4 and XHTML 1.0, which in turn means that new elements are introduced and need to be learnt.

So what you now say, there can't be that much difference, but there is. HTML5 has introduced a wide range of new tags and has deprecated / removed a lot as well.

Why HTML5 and not XHTML

The future is now, or so the saying goes. Currently all of our responsive web templates only use HTML5 simply because that's the future. With our decision to use HTML5 for our templates structure we intentionally future-proof them.

XHTML will probably be taken over by HTML5 at some stage or who knows, possibly a new version will come out using the HTML5 standards.

HTML5 was constructed to be backwards compatible, which means a wide range of tags used in XHTML and HTML 4 are qualified to be used in HTML5.

With the introduction of HTML5 we now mark-up our responsive web templates and the fixed width templates with the new tags.

Examples of the mark-up code which can be confusing are:

  • <header></header>
    this can specify a header for a document, a section or an article or all three

  • <footer></footer>
    this specifies a footer for a document, a section or an article or all three

  • <aside></aside>
    allows the use of related content to an article, section etc. but is not placed directly within the content it talks about

  • <nav></nav>
    a block or multiple blocks of navigational elements, be it text links, image link or buttons

When using the above elements you must take into consideration that they are not used in a way that the document has a single header, a single footer, a single aside element or a single navigation block.

These elements can be used in multiple instances, for example, the document has a header and footer, within the document there are multiple blocks of text which can also have headers and footers.

We strongly advise users of our responsive HTML5 web templates to take a look at the HTML5 Tutorial found on the w3schools.com website.

Conclusion

Using our responsive templates means you need to have some form of web experience, be it HTML 4 or 5 or XHTML, you need to be able to distinguish between the code and need to be able to modify the code as such.

There are some fixed width and responsive web template developers out there that simply add a HTML5 doctype to a standard XHTML or HTML 4 template and then call it a HTML5 responsive template.

These web templates are using old mark-up and they are not coded using the new HTML5 standards, the web templates work, but they are not future-proof nor do they (in most cases) fully comply to current standards.