W e b t u t o r i a l s

Directory Structure

DOCTYPE Declaration

Audio and Videos tag

YouTube Videos

Elements Removed

Semantic Elements

HTML5 Basic Structure

HTML5 New Elements

Create Element

Browser Support

HTML5 Form Element

HTML5 Plug-Ins

HTML5 Browser Support

Problem With older browsers

All browsers, old and new, automatically handle unrecognized elements as inline elements. HTML5 defines eight new semantic HTML elements. All these are block-level elements. To secure correct behavior in older browsers, you can set the CSS display property to block: header, section, footer, aside, nav, main, article, figure { display: block; }


Problem With Internet Explorer

The HTML5 Elements and Create new Element is not supported in Internet Explorer 8 and its earlier versions, Sjoerd Visscher created the "HTML5 Enabling JavaScript", "the shiv".

<head>
   <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
      </script>
   <![endif]-->
</head>

The above code is a comment, but versions previous to IE9 will read it and understand it. This code must be placed in the <head> section of html, because Internet Explorer needs to know about all new elements before reading them.