HTML5 Series 1 - What is HTML5 and Semantic Markups ?

What is exactly HTML5?

- HTML5 = HTML + CSS + JavaScript

- How developers use improved markup, richer style capabilities and new JavaScript APIs to make the most of new Web development features?

- W3C: all 100-plus of these specifications under the moniker “HTML5”

- A unifying concept for that change

- So: HTML5 is about changes to HTML, CSS and JavaScript. Rather than worrying about all 100-plus specifications

Not as XHTML, HTML5 has lots of flexibility and would support the followings:

–Uppercase tag names.

–Quotes are optional for attributes.

–Attribute values are optional.

–Closing empty elements are optional.

Some rules for HTML5 were established:

–New features should be based on HTML, CSS, DOM, and JavaScript

–Reduce the need for external plugins (like Flash)

–Better error handling

–More markup to replace scripting

–HTML5 should be device independent

–The development process should be visible to the public

What is HTML5 Semantics?

–Elements, attributes, and attribute values in HTML : Have certain meanings (semantics). For example, the ol element represents an ordered list, and the lang attribute represents the language of the content.

–Correct HTML5 markup allow it to be used in wide variety of context.

–Simple example: Same Web page written by an author who only considered desktop computer Web browsers can be viewed by a small browser on a mobile phone.

[Because HTML conveys meaning, rather than presentation]

–Authors must not use elements, attributes, or attribute values for purposes other than their appropriate intended semantic purpose, as doing so prevents software from correctly processing the page.