The section tag is used to define a section within a web page. Consider a situation where you had a book stored on a single page. You could use section tags to group chapters, or even sub-sections together.

The section is designed to be a logical grouping of data, but not necessarily be wholly self-contained like the article tag.

Each <section> typically includes one or more heading elements and additional elements presenting related content.

I like to use the section tag to define a sidebar with elements in it such are recent posts, common links, etc. Each of those “sub-sections” contain data not necessary to the page, and they can have their own headers, etc. just as the specification recommends.

The Section Tag was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

The main tag

ByWalter Wimberly

The main tag is used to define the main content section of the web page. The content within the web document should be unique between the pages, and not contain replicated data such as navigation links, headers, footers, sidebar data etc. Within the main tag, you can find articles, standard content which you’ve already seen,…

Black Hat Techniques that Don’t Work Anymore

ByWalter Wimberly

In some cases we’re told what we need to know to rank in a search engine listing. But in many cases, changes and factors are applied without us knowing, which can be frustrating. In most cases, the search engines are trying to thwart “black hat” techniques, so they don’t necessarily want people to know they…

Working with the Limitations of the Mobile Web – User/Design Limitations

ByWalter Wimberly

Previously we’ve talked about network limitations for mobile devices, and limitations in the mobile device itself. Now we will look at the limitations of the user/design aspect. No Hover State The hover state allows users to know where they are going to click. It provides a very simple method to give visual feedback to the…

Styling Tables

ByWalter Wimberly

We’ve already looked at styling rows within a table, however, you can style more. By default a table doesn’t have any borders, color, or anything else. Luckily, like all HTML elements, you can apply styles to your elements. And since a table is made up of a lot of elements, you can apply styles to…