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 Web Page Footer

ByWalter Wimberly

At the bottom of the page, you can find the footer. This is where you traditionally found the copyright information, such as the year.  Nowadays, with some modern legislation based in different countries’ laws, you can often find links to web privacy standards, terms or use (or usage), and the cookie usage policy to remain…

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,…

HTML Coding for Fixed and Flexible Mobile Design

ByWalter Wimberly

The process for designing for a mobile webpage isn’t that conceptually different from a desktop. It just requires you to use some extra steps. For example you will normally follow a basic formula of: Receive Project Requirements Sketch out/mock-up designs Build HTML Test in various browsers Modify as necessary Repeat testing The core difference is…