Understanding the HTML5 specification

What is HTML5?

HTML5 is the latest revision of HTML markup code. The code used to render webpages, text, images, video, etc, in web browser software like Internet Explorer, Google Chrome, Safari and Firefox. It is used for all browsers on all types of computer devices including desktops, laptops, tablets, smartphones and all other mobile devices. It is published, updated and maintained by the W3C (Wide Web Consortium) and WHATWG. It is has been released as a stable W3C recommendation. It reached official status, with formal ratification by W3C, on Oct 28, 2014, thus making it the code of choice for creating webpages.

You have probably heard about HTML5 on other websites or from friends. It is the fifth major revision of the HTML markup language, the code used for website building. It is rapidly replacing HTML 4.01 standards as the code of choice for web development. Web templates may be built in HTML 4.01 or in HTML5 as well as other older revisions of HTML. For more details about HTML see the HTML Web Templates Definitions Page.

The Best Choice for Building or Updating

HTML5 is the markup that most websites are created in, or are updating to. Because it is not fully supported in some older browsers still in use, all of our HTML5 web templates are built to be backward compatible using the most current W3C web design standards. This includes CSS, Javascript, jQuery and HTML code.

HTML 4.01 will always work and be viewable in modern web browser software. In the case of HTML5, if a website is built exclusively using only HTML5 code, if the designer did not take older browser software into account, in some cases it may make the website unviewable in these older browsers that are still in use. Browsers that do not fully support HTML5 will be unable to properly render a website built exclusively using the new code (see "HTML5 Penetration" below on this page). HTML 4.01 code is tried and true. HTML5 is new. As with all updates there are always some bugs to work out. HTML5 is the preferred choice for any new website project.

"All our web templates are all built to be backward compatible for optimum viewing in older web browsers."

Note however, a website that uses HTML5 exclusively, without testing for older browser compatibility so it will be viewable in all web browsers, requires extra care and consideration during the web template development stage. Our designs do not include any type of detection or special scripts to allow for the backward compatibility. We use HTML5 compliant markup and css styles to keep the code simple and lean. We create websites that are backward compatible while still maintaining full W3C HTML5 and CSS3 web standards compliance.

HTML5 Web Template ExampleWhite Sample HTML5Drop Menu HTML5 Example
HTML5 Website Examples

How Different is HTML5 From HTML 4.01?

Actually, there is very little difference between HTML5 and the older HTML 4.01 specification. A lot of the hype surrounding HTML5 is the implementation of "web standards", however, in the end these standards are not really standard at all. The standard video and audio once touted as the strength of HTML5 actually is more of a weakness because HTML5 requires at least 4 different video formats and 2 audio formats to play media in all popular browsers. See "HTML5 & Audio/Video Issues" below on this page.

HTML5 was originally envisioned to standardize web code, but other than audio and video it does not bring anything new or revolutionary to the table (the CSS3 code is what actually allows for more dynamic designs). For interactive website animation, the long standing Javascript or jQuery code, or Flash applications, must still be used in concert with other webpage code. HTML5 does not include any "built-in" animation or motion or even any new interactivity standards in the code definitions. In reality HTML5 is HTML 4.01 code with some minor tweaks and some renamed "tag" markup.

Does Allwebco Offer HTML5 Web Templates?

Yes, we have hundreds of HTML and CSS3 coded website templates available. You can search at the top of this page for either "HTML5" or "responsive" to view our selection, or click the links below. All of our HTML5 web templates and add-ons are backward compatible for optimal display in older non-HTML5 browsers like IE6, 7, 8, and others. They are fully compliant with newer browsers like IE9+, Google Chrome, Safari, Firefox and Opera, as well as tablet, smartphones and other mobile device browsers.

Web Template Styles:

Mobile Compliance

HTML5 markup is also compliant for all mobile devices. If you are planning a new site, or will be updating to the new code, see mobi-Hybrid Budget and mobi-Hybrid Business website layouts. Our mobi-Hybrid HTML5 designs are built for optimal viewing on mobile devices, smartphones and tablet / surface computers, while still working like a regular website on laptops and Windows PC and Mac desktop computers. They are responsive design and use css Media Queries code to flex on all computer types.

Bizzy HTML5 Drop Menu Sites

Mashable HTML

Because HTML5 is a subsume markup language (works in concert with other HTML), HTML5 code can be added to older websites and "mashed" with the older HTML 4.01 code. Allwebco Design is dedicated to providing our clients with website designs optimized for viewing in the widest variety of web browsers and mobile devices. See also HTML5 details in support or you can search on our website for HTML5 to view website layouts that are built using the new specification.


HTML5 Implementation Info & Issues:

HTML5 Penetration

The first public working draft for the HTML5 specification was on January 22, 2008. It was finalized, and published, on October 28, 2014. The Google Chrome browser, at the time of this writing, is by far the most popular with over 60% of the market share. Firefox ranks at #2 with about 20%. Both these browsers have been HTML5 compliant, as well as Safari and Opera, since before 2012. Media Queries code, the css module that allows for responsive websites, became a W3C recommended standard in June 2012.

Audio/Video Issues

Although media "web standards" was the original intention for the specification, HTML5 does not support a single video or audio format for all browsers. This means that when adding audio or video to a webpage using only HTML5 code, multiple file formats are required to allow for display across all browsers. Unless at some future date a standard is set for audio and video using HTML5, this drawback creates extra work for webmasters. For more details see Adding Video To a Website or Web Template.

HTML5 & Animation

HTML5 does not include any animation functions in the specification. jQuery, which is a library of Javascript functions, is now the most popular animation script used on websites. CSS3 can do some forms of limited animation but is not really used much for website animation applications. It's used primarily for mouseover and hover effects.

jQuery Animation

jQuery is a Javascript function library. The pre-set scripts in the jQuery library file allow for easy implementation of animation and other Javascript elements into HTML webpages. It is free, open source software that was created to simplify client-side scripts in HTML pages. jQuery animation and functions can be added to both HTML 4.01 and HTML5 web templates and is included in many of our designs. See design features for more info.

See also jquery.com and also jQuery at Wikipedia

Be warned, this section is sort of a person rant, as well as, now... an historical footnote:

At one point in time Adobe Flash was the most popular web animation software ever created. Entire websites were created using only this application. Even novice webmasters could use Flash to create web animation in a matter of hours using the Adobe Flash interface and tutorials that were included with the software. Then in stepped Apple and their "Flash-bashing" touting HTML5 as the answer (HTML5 does not animate anything BTW). With HTML5, creating animations is an involved process and entails writing script codes and working with raw source code to create animations. Press from Apple corporation, at the time, indicated that Adobe Flash was an "older outdated application". The fact is that Flash was crushed by Apple intentionally (they vehemently deny it of course and even have a page of lies to defend their actions), even though it was without question, the easiest way to add animations to a website without using Java or Javascript (I won't even mention Steve Jobs ugly hand in this tragedy because... like... he's had a movie made about him and everything). Poor Flash browser support from Adobe itself ensued (Apple is just to big to fight) and what appears to be a personal issue between Adobe and Apple caused the rapid demise of this amazing, unique and irreplaceable application.

Before Flash appeared in 1996, all animation was created using HTML and Javascript. If you are creating web animation today, it will need to be created using HTML and Javascript. The dispute (or whatever that was) between Apple and Adobe has caused webmasters to go back to older and outdated ways to create animation.

End of rant.

HTML5 & Ease of Use

It is a common misconception that HTML5 is easier to work with than previous versions of HTML. WHATWG did make new tags for the specification, and did make some tags a bit shorter. I like HTML5. However, in essence HTML5 is really the same type of code as was used in the last revision of HTML, 4.01. HTML5 does not offer easier webpage code editing, creation or implementation. Easier animation, video and audio, which was originally the big selling point for the markup, ended up creating more work for webmasters than the previous HTML revision offered (See "Audio/Video Issues" above).

External Resources:

Mobile Friendly Layouts