HTML5 and CSS3 - Part 4

HTML5 abbr tag (Replaces acronym tag)

The abbr tag indicates an abbreviation or an acronym, like "WWW" or "NATO".

By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.

 Click Here to see the demo.

HTML5 article tag
The article tag specifies independent, self-contained content.

An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
Potential sources for the article element:
•Forum post
•Blog post
•News story
•Comment

HTML5 aside Tag
The aside tag defines some content aside from the content it is placed in.
Tip: The aside content could be placed as a sidebar in an article.

 

HTML5 header tag

The header tag specifies a header for a document or section.

The header element should be used as a container for introductory content or set of navigational links.

You can have several header elements in one document.
Note: A header tag cannot be placed within a footer, address or another header element.

HTML5 footer tag

The footer tag defines a footer for a document or section.

A footer element should contain information about it’s containing element.

A footer typically contains the author of the document, copyright information, links to terms of use, contact information, etc.

You can have several footer elements in one document.

HTML5 nav tag

The nav tag defines a section of navigation links.

Note: Not all links of a document must be in a nav element. The nav element is intended only for major block of navigation links.

HTML5 section tag

The section tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.

• Simple template created using above HTML5 tags, See the demo here
• Go forward to create a simple HTML5 and CSS3 Template Here