Run on Code 'The New'

Running and Coding in Action. All things .NET

HTML5 Under the Covers

HTML5 is a markup language for structuring and presenting content for the World Wide Web and a core technology of the Internet. It is the fifth revision of the HTML standard with a core aim to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4 ,but XHTML 1 and DOM Level 2 HTML as well.

Video tag:

What is HTML5?

HTML5 is omnipresent, the defacto new standard on the internet, here is an excellent introduction to HTML5: Dive into HTML5.

The HTML5 Wikipedia page states that HTML5 contains the following features:

  • Markup, new elements and attributes
    • article aside audio
    • canvas command datalist
    • details embed figcaption
    • figure footer header
    • hgroup keygen mark
    • meter nav output
    • progress rp rt
    • ruby section source
    • summary time video wbr
  • JavaScript APIs
    • Canvas 2D Context Contacts File APIs
    • Forms Geolocation HTML Microdata
    • Indexed Database Media Capture Messaging
    • Offline Web Applications Selection Server-Sent Events
    • Web Notifications Web Sockets Web Storage
    • Web Workers XMLHttpRequest Level 2

HTML5 allows for rich experiences within web browsers, without the need of plug-in based technologies (Flash or Silverlight).. Figure 1 demonstrates how to create a video player:

<video autoplay controls loop width="600" height="300" poster="Content/images/bbb.png">
<source src="Content/video/video.mp4"  />
<source src ="Content/video/big_buck_bunny.ogv" />
<source src ="Content/video/video.webm" />
Your browser does not support HTML5 Video!
</video>                      
                    
Figure 1: HTML5 Video Tag

HTML 5 Pointers

HTML5 Resources

About me
Published
All Rights Reserved © 2013 - 2014 Nils-Holger Nägele