HTML5 Web development basics

HTML5-The Loosened rules

HTML5 loosens some of the rules.It is because , the creator of HTML5 wanted to narrow the gap between “web pages that works” and the “web pages that are considered valid”.

    • HTML5 makes it option to use <html>,<head>,<body> tags(although they are pretty useful).
    • Capitalization is ignored in HTML5 .That means that  markup can be written as: <P>Capital and lower case letters<EM> does not matter</eM> in tags name</p>.
    • HTML5 also avoids closing slash from void elements-that is the element with now nested tag like <img>,<br>,<hr>. It means both <hr> and <hr/> are valid.
    • HTML5 CHNAGES the rule for attributes.The attribute values do not require quotations as long as the value does not contain any restricted character such as >,=or space.

  • HTML5 allows attributes with no values.The redundant syntax to put a checkbox in XHTML <input type=”checkbox” checked=”checked”>  can be altered to <input type=”checkbox” checked> in HTML5.

It is a fact that the developers can switch between both the looser and stricter styles, even using both in the same document.

HTML5 validation

HTML5 relaxed style could suit you fine.But it often leads to inconsistent , error-ridden markup hiding behind the happy browser.Validation tools can hunt down the markups that does not conform to the standards of HTML5.


  1. Missing mandatory elements (for example the <title> tag).
  2. A start tag without and ending tag(for example <code> tags not closed).
  3. Incorrectly nested tags.
  4. Tags with missing attributes(for example <img> tab without alt attribute is one reason for pure SEO).
  5. Elements or content in wrong place(for example <head> element containing <p> is of no use).

Web designing tools like the popular Dreamweaver have their own validators.

HTML5 is a language easy to use but requires a careful use.HTML5 results in more responsive and friendly coding.HTML5 Loosened rules remove differences between what is coded and what is considered valid