The <section> element in HTML defines a distinct portion of content within a document.
As per W3C’s HTML documentation, a section represents a cohesive grouping of content, usually accompanied by a heading.
Instances where the <section> element finds application include:
For instance, a webpage might logically segment into sections for introduction, main content, and contact details.
Example
Two segments within a document:
| <section> <h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p> </section> <section> <h1>WWF’s Panda symbol</h1> <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p> </section> |