Andy Rutter Home Link

Now in mobile device friendly HTML5!

Introduction to HTML5

HTML 5 uses some familiar tags in a new way. header, section, footer,
aside, nav, article, wrapper, figure
can still be used but without a <div> class or id. They can be added separately, fx:

<header id=”banner” class=”body”>
<h1>Hello world!</h1>
</header>

=

header  {
display: block;
}

#banner {
margin: 0 auto;
padding: 2.5em 0 0 0;
}

.body {
clear: both;
margin: 0 auto;
width: 100%;
}

Here is my attempt at HTML 5


Introducing HTML5

by:Bruce Lawson
and Remy Sharp

Suddenly, everyone’s talking about HTML5, and ready or not, you need to get acquainted with this powerful new development in web and application design. Some of its new features are already being implemented by existing browsers, and much more is around the corner.

Written by developers who have been using the new language for the past year in their work, this book shows you how to start adapting the language now to realize its benefits on today’s browsers. Rather than being just an academic investigation, it concentrates on the practical—the problems HTML5 can solve for you right away. By following the book’s hands-on HTML5 code examples you’ll learn:

  • new semantics and structures to help your site become richer and more accessible
  • how to apply the most important JavaScript APIs that are already implemented
  • the uses of native multimedia for video and audio
  • techniques for drawing lines, fills, gradients, images and text with canvas
  • how to build more intelligent web forms
  • implementation of new storage options and web databases
  • how geolocation works with HTML5 in both web and mobile applications

ISBN-10: 0321784421
ISBN-13: 978-0321784421
Publication Date: October 20, 2011
Edition: 2

All the code from this book (and more) is available at www.introducinghtml5.com.

Print this entry

2 Comments

  1. [...] new features in [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>