HTML5 Design Principles

 Compatibility

The main objective of HTML5 is not degrading any of the existing content on the internet. There is over 20 years of HTML data on the internet and HTML5 will be able to handle all that legacy data without problems.

Utility

The main objective of HTML5 utility is to keep users in control. As a result, HTML5 design is geared towards user experience and not HTML5 author’s wishes and desires.

HTML5 is also resulted in the creation of XTHML5 that enables XML integration and valid HTML5 code generation. 

Secure

HTML5 has security built into each part of specification. As a result, HTML5 security considerations were built into HTML5 from the start. HTML5 follows new origin-based security model which is easier to use and it is more consistent with the different APIs.

Separation of layers

HTML5 goes extra mile into separating content from the markup tags. It uses CSS heavily in achieving this objective. Old markups will not be supported but will be rendered by HTML5. 

Interoperability 

Browsers are going to be supportive of HTML5 standards. This interoperability allows simplifying development as well as removing complex JavaScript code which was normally used for the interoperability between HTML markups, complex logic and browsers.

HTML5 supports new DOCTYPE, new set of declarations and simple APIs

Error Handling

HTML5 is designed to handle errors more gracefully than prior versions of HTML. It provides error handling plans that can be used to recover from errors. Moreover, errors will not result in broken pages but rather in malformed HTML page rendering so that user can see content.

Universal Access

HTML5 is designed to be more accessible than ever. It works well with Web Accessibility Initiative (WAI) and Accessible Rich Internet Applications (ARIA). It will work across all different devices and platforms. HTML5 has superior support for worldwide languages and tags can be defined in multiple languages other than English.

Featured pages

Overview

Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …

Tags

Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…

Welcome

 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …