Markup, HTML5 Style

Markup, HTML5 Style
Now that we’ve given you a bit of a history primer, along with some compelling
reasons to learn HTML5 and start using it in your projects today, it’s time to introduce
you to the sample site that we’ll be progressively building in this book.
After we briefly cover what we’ll be building, we’ll discuss some HTML5 syntax
basics, along with some suggestions for best practice coding.We’ll follow that with
some important info on cross-browser compatibility, and the basics of page structure
in HTML5. Lastly, we’ll introduce some specific HTML5 elements and see how
they’ll fit into our layout.
So let’s get into it!

Introducing The HTML5 Herald
For the purpose of this book, we’ve put together a sample website project that we’ll
be building from scratch.
The website is already built—check it out now at http://thehtml5herald.com/. It’s
an old-time newspaper-style website called The HTML5 Herald. The home page ofthe site contains some media in the form of video, images, articles, and advertisements.
There’s also another page comprising a registration form.
Go ahead and view the source, and try some of the functionality if you like. As we
proceed through the book, we’ll be working through the code that went into making
the site.We’ll avoid discussing every detail of the CSS involved, as most of it should
already be familiar to you: float layouts, absolute and relative positioning, basic
font styling, and the like.We’ll primarily focus on the new HTML5 elements, along
with the APIs, plus all the new CSS3 techniques being used to add styles and interactivity
to the various elements.
While we build the site, we’ll do our best to explain the new HTML5 elements,
APIs, and CSS3 features, and we’ll try to recommend some best practices. Of course,
many of these technologies are still new and in development, so we’ll try not to be
too dogmatic about what you can and can’t do.