HTML 5 Introduction:

  • HTML5 is the latest and most enhanced version of HTML.
  • HTML is not a programming language, but rather a markup language.
  • HTML 5  is the advanced version of HTML 4.01, XHTML 1.0, and XHTML 1.1 and has superseded all  these versions.

HTML 5 Features:

  • The DOCTYPE declaration for HTML5
  • <!DOCTYPE html>
  • The character encoding (charset) declaration is also very simple:
  • <meta charset=”UTF-8″>
  • HTML 5 removes extra information required and you can use simply following syntax −
  • <script src = “scriptfile.js”></script>
  • The type attribute is already removed from elements.
  • Like from <link type=“text/css” > the type is removed from stylesheet.

HTML 5 Elements :

  • New semantic elementslike <header>, <footer>, <article>, and <section>.
  • New attributes of form elementslike number, date, time, calendar, and range.
  • New graphic elements: <svg> and <canvas>.
  • New multimedia elements: <audio> and <video>.
  • aside− This tag represents a piece of content that is only slightly related to the rest of the page.
  • header− This tag represents the header of a section.
  • footer− This tag can contain information about the author, copyright information, et cetera.
  • nav− This tag represents a section of the document intended for navigation.
  • dialog− This tag can be used to mark up a conversation.
  • figure− This tag can be used to associate a caption together with some embedded content, such as a graphic or video.
  • section− This tag represents application section. It can be used together with h1-h6 to indicate the document structure.
  • article − This tag represents an independent piece of content of a document, such as a blog entry or newspaper article

Structure of HTML 5 Page

  • <!DOCTYPE html>
  • <html>
  • <head> <meta charset = “utf-8”> <title>…</title>
  • </head>
  • <body>
  • <header>…</header>
  • <nav>…</nav>
  • <article> <section> … </section> </article> <aside>…</aside>
  • <footer>…</footer>
  • </body> </html>

HTML 5 Compatibility with IE 8 and prior versions:

  • You will require the HTML5shiv to provide compatibility for IE Browsers older than IE 9.
  • The HTML5Shiv is placed within the <head> tag.
  • The HTML5Shiv is a javascript file that is referenced in a <script> tag.
  • You should use the HTML5Shiv when you are using the new HTML5 elements such as: <article>, <section>, <aside>, <nav>, <footer>.

HTML 5 New Input types

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week