HTML5 – Getting ready for the future of the web

HTML5 is the newest edition of the language of the web with enhancements to a wide range of features including form control, API’s (Application Programming Interface), multimedia and structure. Many key players including Apple, Mozilla, Opera and Microsoft, together with the W3C are openly developing HTML5 and encourage web authors from all over the world to partake in the fun.  Microsoft and Adobe are contributing engineers to the HTML 5 standards development process, yet both remain noncommittal about adopting HTML5, at least while it is still in development.

HTML5 is a work in progress with the official standards release in 2014. And while the competition is heating up with Flash, companies are having developers build different versions of their website. One caters to the pc community with all of Flash’s rich capabilities and another designed for the hand-held device and its mind-boggling worldwide community and applications.

While you’re at it, make your site 508 compliant, like government sites, which cater to the millions of people with certain disabilities. Two small examples would be to add captioning to your videos and adding the text equivalent of audio must be provided, if only in transcript form. These are two very small examples. Websites should be built with well coded CSS external stylesheets. The ADA (Americans with Disabilities Act) is doing a great job helping people with certain disabilities. They are being equipped with screen readers giving them the ability to change the styling of your site for larger print. You do not want to interfere with their capabilities.

The HTML5 Tracker website openly discusses the ongoing phases of the development. The HTML5 validator is working very well.

Some changes include:

HTML5 adds many new syntax features including <video>, <audio> and <canvas> elements, as well as integration of SVG (scalable vector graphics) content, which are designed to improve the inclusion and handling of multimedia and graphic content on the web. Other elements such as <section>, <article>, <header> and <nav> are designed to improve the semantic richness of documents. New attributes have also been introduced, and others removed, to improve and simplify semantic expression. Some elements, such as <a>, <cite> and <menu> have been changed, redefined or standardized. The APIs and DOMare fundamental parts of the HTML5 specification. It also defines in some detail the required processing for invalid documents, so that syntax errors will be treated uniformly by all conforming browsers and other user agents. Replacing <divs> with distinct elements actually makes the source code easier to author. The header/footer elements may contain sub-headings.  The aside element is used for sidebars.  The article element is an independent section of a document page or site suitable for news or blog articles, forums, posts or individual comments.

Benefits of using HTML 5

  • Backwards compatible with existing browsers
  • Authors are familiar with the syntax, which is lenient and case insensitive
  • Shorthand syntax, e.g., authors can omit some tags and attribute values

Benefits of using XHTML

  • Strict XML syntax encourages authors to write well-formed markup
  • Integrates with XML vocabularies by conforming to xml syntax and can support most limited devices
  • Allows the use of XML processing used in editing and publishing processes

It is conventional to use XHTML rules and use all lowercase in HTML5.

Since HTML5 is mainly a well-defined HTML4/XHTML 1.0, and because both HTML- and XHTML-style syntax is allowed, you need to do very little (maybe only a doctype change) to change current well-made pages into HTML5.  It will probably look fine in most browsers, although, it might not validate as HTML5 without some tweaking, which is a learning curve. It is advisable for current web developers to stay informed of the revisions and learn HTML5.  It is being developed to support future prospects for media accessibility options and much more. Should developers and designers invest in HTML5?  HTML5, CSS and JavaScript are going to be the “classic three” for developers and designers.  A little Flash never hurt anyone, either.  I think Flash technology is going to be further enhanced and the fact that it performs the same in most browsers right now is great.  Of course, this isn’t currently the case for hand-held devices, but you can code your way out of just about anything.

As a web designer and developer, I am very excited to be part of a community working to refine a language spoken across browsers, can be viewed in various mediums, assists the blind, and can be encoded in every language. Not so simply amazing! January 22, 2011 Christina Descalzo