HTML 5 is the next evolution of the Web and includes many more tags and elements for rich media content. In practice, HTML5 is starting to become a reality. Internet Explorer 8, Firefox 3, Safari 3.1, as well as niche browsers like Opera and Chrome, have already implemented partial support but it will be a year or 2 before HTML5 is supported universally.

HTML 5 Overview - Introduction to HTML 5

Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft. A draft of the HTML5 spec was released in 2008 and parts of it are now showing up in browsers. At first glance it looks to be a programming language like PHP, but not so, it is still an XML based language.

The implementation of new tags and elements, a richer experience will emerge on the Web with some new features.

Embedded Audio and Video: You can create rich, interactive photo galleries by combining CSS 2D and 3D transforms with CSS transitions and use CSS gradients to add a highlight and/or shadow to your images.

Web Typography: Easier to create and maintain, downloads faster, and is automatically selectable, scalable, accessible to screen readers, and indexable by search engines.

Web Gallery: You can create rich, interactive photo galleries by combining CSS 2D and 3D transforms with CSS transitions and use CSS gradients to add a highlight and/or shadow to your images.

360º Product Views: You can deliver interactive 360-degree product views in your web pages, without a plug-in. By integrating touch events, you can optimize for touch-enabled mobile devices.

Improved page segmentation: Pages divided into several separate parts (i.e. main content, menus, headers, footers, links sections, etc.)

A new <header> tag: The new <header> tag (which is different from the head element) is a blessing for SEO experts because it gives a lot of flexibility. The <header> tag is very similar to the <H1> tag but the difference is that it can contain a lot of stuff, such as H1, H2, H3 elements, whole paragraphs of text, hard-coded links (and this is really precious for SEO), and any other kind of info you feel relevant to include.

A new <footer> tag: The <header> and <footer> tags can be used many times on one page - i.e. you can have a separate header/footer for each section and this gives really a lot of flexibility.

A new <section> tag: As with the <article> tag, it can be presumed that search engines will give higher relevance.

A new <nav> tag: Used to identify a collection of links.

HTML 5 Affect Mobile?

iPhone and iPad users are exclusively using HTML 5 (not Flash) for rich media content. As per Steve Jobs, "the mobile era is about low power devices, touch interfaces and open web standards --all areas where Flash falls short." Every new Apple mobile device and every new Mac - along with the latest version of Apple's Safari web browser - supports web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable, highly secure, and efficient. They allow web designers and developers to create advanced graphics, typography, animations, and transitions. Standards aren't add-ons to the web. They are the web. And you can start using them today.


Add a comment

About the Author
Joydeep Deb

experienced in Online Marketing, Web Technologies, Search Engine Optimization, SEO, SEM, SMM, Web Master, eMail Marketing, Web Analytics, MIS Reporting, Web Design and Development.

Lives in Bangalore, Karnataka - India and working as an Program Manager SEO at Cisco Systems Inc.

Get social with Joydeep at Twitter | Facebook | Google+ | LinkedIn

Subscribe to Newsletter

Receive my latest posts right in your inbox? Enter your email address below to subscribe.

Blog SEO 2015 - Strategies, Trends and Techniques How to Update Nokia Phone Firmware / Software Types of Facebook Users (Fun Post) Website Analysis: Gain Authority, Popularity How to setup Custom Error Pages SEO Overview: What? Why? And How? How to Verify Authorship (rel='author') in Google SERP Website URL Structure Strategy How to avoid duplicate content issue caused by mobile website URL Rewriting SEO Friendly: Convert Dynamic URLs into Static URLs What should we do with the website expired pages? Leverage your .htaccess file efficiently Google Image Search: Observation Mobile SEO Best Practices All about SEO Meta Tags Page Speed Best Practices Social Media Share Button Update: Twitter Apps and You Yahoo! and Bing Search Alliance HTML5 Overview - Introduction to HTML5 Best Practices for Custom Error Page Geo Location Targeting in Google SERPs Social Media Mistake List of HTTP Response Status Codes How to position DIV at the center of web Google Search: Rich Snippets for Events How to Suck at Social Networking Send PPC traffic to landing page and not homepage XML Sitemap Best Practices What is Canonical URL Tag? Utilize your 'robots.txt' file efficiently Keys for a successful Website Why paid search numbers often don't match How Accurate is your Web Analytics Data Optimize Your Landing Pages Guidelines while building a Corporate Website Guidelines for eMail Newsletters DO's and DON'Ts - Search Engine Optimization (SEO) Search Engine Optimization (SEO) Gyan - Fundas Tools MISC