Short Introduction to HTML 5

Dec 12, 2007 17:14 GMT  ·  By

As we all know, the vast majority of the websites exisiting today on the Internet are made using the HTML language. Even the server side applications that allow anyone to present content over the Internet will output HTML code that will be rendered by web browsers in the same way as in case of static HTML.

HTML 5 will include many new elements that will make the web page design easier. The current markup methods use div to define all page elements that will form the page layout, such as navigation menu, content distribution zones and more. But in HTML 5 all web development aspects are simplified both from the webmaster point of view and web browser rendering issues.

This new markup language introduces new elements like nav, article, section, header and more. The main purpose of this language is to degrade gracefully in browsers that do not provide rendering compatibility for it. The old HTML tags used at the moment in HTML / XHTML coding are preserved in a high percent. As a consequence old tags like title, div and others will still be present in HTML 5 markup language.

The new application programming interfaces will include server side scripting using libraries, offline web applications, peer-to-peer connections, messaging, scalable vector graphics (declarative 2D vector graphics and animation) and more.

Let's consider the next code example, which is an HTML 5 document:

code
My First Page in HTML 5

Page Header
This is a HTML 5 document

Home Page
As you can notice, in this HTML 5 code the header and nav elements define individual sections in the web page. The nav element indicates a section of navigation links and the header element can be employed to markup any document section. Video and audio content can also be included using simplified markup tags in HTML 5.

In conclusion, the new direction of HTML change towards HTML 5 markup language tends to combine many complex web development concepts into a unified and simple coding language characterized mainly by enhaced accessibility and portability features.