Section Element

The section element represents a generic document or application section the section element is not a generic container element.

Section element. According to w3c s html documentation. This is similar to the purpose of an article element with the main difference being that the content within a section element doesn t necessarily need to make sense out of the context of the page. The section tag also supports the global attributes in html.

Html aside element aside defines a section that though related to the main element doesn t belong to the main flow like an. When a section element has an accessible name it becomes a navigable landmark element so a screen reader user can use their screen reader s shortcut key. These elements add meaning to content the search engines can use to better understand a page.

Section is a generic catch all sectioning element that you use when it doesn t make sense to use the other sectioning elements. Html section element section defines a section of a document to indicate a related grouping of semantic meaning. The section element defines a section in a document.

When an element is needed only for styling purposes or as a convenience for scripting authors are encouraged to use the div element instead. The section element is used to represent a group of related content. Section is a new html 5 element that defines an important section of a document.

When the choice is between a visually hidden heading and a section element with an accessible name there are a couple of things to consider before deciding which approach is the right one. Typically but not always sections have a heading. It makes sense to use the section element to provide extra context for the parent element.

The source for this interactive example is stored in a github repository. So if in doubt go with section. This page has more on web semantics.