Designing a blog with html5

HTML5 contain some features from JavaScript APIs that make it interactive and easy to develop. But with it slide of new elements that allow you extra language related in your conventional Web 1.0 pages.

What we can do with the use of header, footer and nav elements to mark up the broad structure of the page. By the using new feature we will make the blog comments form much smarter and easier by using the new data types and built-in validation available in HTML5-aware browsers.

After  we’ll do some work on the guts of the page  using HTML5’s article elements to better mark up blog posts and comments and show how to use the section elements to better structure accessible hierarchical headings on sites that are CMS-driven. As blogs are arranged in according to order and what HTML5 offers us for dates and times.

Setting the DOCTYPE

HTML5, when used as plain HTML, even its XHTML5 its other versions doesn’t need a DOCTYPE. But all brewers do, otherwise they go into Quirks mode, which you don’t want: the crash of HTML5 and Quirk mode is like matter and anti-matter meeting, and will cause a negative reality inversion.

Some sites “use” HTML5, when in actual fact all they’ve done is take their existing code and change the DOCTYPE. That’s fine and excellent if you’ve been using valid, semantic code as HTML5 is very similar to valid HTML 4.01.

If you don’t want simply to reuse your existing code, but to use some of the new structural elements now.

                                                             

Using some new structural elements

Header denoted by<div id=”header”>, a footer<div id=”footer”>, some article (wrapped by an area called “content”, <div if=”content”>) and some navigation (wrapped up in an area called “sidebar”<div id=”sidebar”>).  Mostly y sites contain similar constructs, and also depending on your choice they might be called “branding” or “info” or “menu”. In it you can use the comparable words in your own language.

These all have ver y different functions within the page, they use the same generic div in the markup. In HTML4 has no other way to code them. But HTML5 has new elements for distinguishing these logical areas: header, nav, footer and friends.