HTML5 Video Player logo
HTML5 Video Player for Mac and Windows

HTML5 Section Tag

The section tag is new in HTML5, like several other tags such as the aside tag in HTML5, HTML 5 article tag, HTML 5 nav tag, etc . Only latest browsers and versions, such as Internet Explorer 9, Firefox, Opera, Chrome, and Safari, support it. Microsoft IE8 and earlier versions do not support this HTML5 section tag.

 

The HTML5 section tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document. The W3C says: “The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.”

 

“The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline. ” according to W3C organization.

 

All these new HTML 5 tags: header, nav, article, footer, aside and section are as a group called section elements. These elements give meaning to content the search engines could not ascertain without them. If you do not want to lose SEO weight, you should learn to employ them in your web design job.

 

How to use the section tag in HTML5?

Here is what suggested by Bruce Lawson:

 

  • Don’t use it just as hook for styling or scripting; that’s a div
  • Don’t use it if article, aside or nav is more appropriate
  • Don’t use it unless there is naturally a heading at the start of the section

 

, ,

Comments are currently closed.