HTML5: An Introduction

New Tags

New structure, more meaning

New semantic tags in HTML5

HTML5 adds a number of new semantic HTML tags that give a better definition to the various parts (elements) that form the structure of a webpage. Some of these new semantic tags came from the most commonly used <div> ID names that have been used around the web such as <header>, <nav> and <footer>

Hover over the <tags> in the preview image to the right for a description of each.

Among the other new semantic structural tags being introduced in HTML5 include (that are not included in this demo are): <hgroup>, <time> and <mark>.

New HTML5 Tags

HTML5 not only brings new semantic tags, but it also introduces new tags and technologies such as <canvas> and <video> that help improve your overall web experience.

New Techs

New technologies out-of-the-box, better user experience

New Technologies in HTML5

HTML5 not only brings a new set of tags to use, but it also includes new APIs (Application Programming Interfaces) that enable browsers to do really neat things - without having to download any extra plugins or scripts.

Among the many new tech features of HTML5 include video embedding (using the <video> tag), drawing on screen using javascript (using the <canvas> tag) and locating where a user is from (using the geolocation API).