Learning HTML 5: HTML Design Principal and New tags

HTML 5 is the new version came after HTML4.01. HTML4.01 was released in 1999 and since then Web has been changed to very large extent. To embrace changes of new web, HTML 5 came as new standard. HTML5 is joint venture of W3C and WHATWG to standardize the web and that would be supported by all the browsers.

Design principal of HTML5

You can read HTML 5 Design Principles here. I have made gist out of that document and summarized few of the important points as below,

  • Support of existing content. For example a document written in previous version of HTML should be rendered exactly the same and can be processed as HTML5 document.
  • Unbroken Error handling. For example the way existing HTML is handling broken tags, HTML 5 should handle the errors in the same way.
  • Design features to be accessible to users with disabilities. For example blind user cannot see Image. So with the img tag there should be provision of alternate text.
  • Any feature should be independent of the devices and media.
  • If there is already popular technology being used for a particular purpose uses that rather creating new one for the same purpose.
  • If there is already a particular practice is popular uses that rather than obsoleting that and forcing to adhere to new practice. For example <br/> tag.
  • Support classical and existing HTML syntax
  • Ensure that any new feature will adhere to web security standard.
  • Feature should provide simple solutions over complex solutions
  • Error handling should be there for interoperable implementation
  • There should be more markups and markup should be replacing scripts as much as possible.
  • For media usage of external plugins should be minimal.

Newly introduced tags in HTML 5

  • Article
  • Aside
  • Audio
  • Canvas
  • Command
  • Datalist
  • Details
  • Embed
  • Figcaption
  • Figure
  • Footer
  • Header
  • Hgroup
  • Keygen
  • Mark
  • Meter
  • Nav
  • Output
  • Progress
  • Rp
  • Rt
  • Ruby
  • Section
  • Source
  • Summary
  • Time
  • Video
  • Wbr

2 thoughts on “Learning HTML 5: HTML Design Principal and New tags

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s