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.
It further explains that a section shouldn’t be used as a generic container that exists for styling or scripting purposes only. If you’re unable to use section as a generic container—for example, in order to achieve your desired CSS layout—then what should you use? Our old friend, the div—which is semantically meaningless.
Some examples of acceptable uses for section elements include:
■ individual sections of a tabbed interface ■ segments of an “About” page; for example, a company’s “About” page might include sections on the company’s history, its mission statement, and its team ■ different parts of a lengthy “terms of service” page ■ various sections of an online news site; for example, articles could be grouped into sections covering sports, world affairs, and economic news