Home > HTML5 > New Structural Tags for HTML5

New Structural Tags for HTML5

Helps identify and section content with meaningful, semantic markup. In many instance, these tags can be used to replace container <div> tags used in HTML4.

  • <section>: A generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.
  • <article>: A self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable. e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
  • <aside>: A section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
  • <header>: A group of introductory or navigational aides. A header element is intended to usually contain the section’s heading (an h1-h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section’s table of contents, a search form, or any relevant logos.
  • <hgroup>: The heading of a section. The element is used to group a set of h1-h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.
  • <footer>: A footer for its nearest ancestor sectioning content or sectioning root element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.
  • <nav>: A section of a page that links to other pages or to parts within the page: a section with navigation links. Use for major navigational blocks. intended to be used by assistive technology.

http://dev.w3.org/html5/spec/Overview.html

Advertisements
Categories: HTML5 Tags:
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: