Using the Section Element
As with all HTML5 elements, use of <section> is supported by the latest versions of the main browsers:
- Internet Explorer 9 or later
- Mozilla Firefox 4 or later
You might use the section element in your HTML5 web page in several ways. For instance, there is the creation of a news section on your web page:
<p>What's been going on at Bright Hub this week?.</p>
Alternatively, the section element can also present a list:
<h1>List of Articles</h1>
<p>List of top articles by Christian Cawley:
As with other HTML elements, of course, the section element can be styled using CSS, either inline, with a set of style sheet instructions embedded in the HTML file, or with an external stylesheet.
You might use the following example:
<p>Are the roads too busy in your neck of the woods? </p>
Using the #traffic property in the CSS you can then influence how the section appears on the web page, just as you would have done with a <div> under HTML 4.0 rules.