Breaking the rhubarb example into pieces

Step 1: Main content

What is the main content of the page? What comes before and what comes after?

Our first division of our example is into three elements, namely a header element, a main element, and a footer element.

rhubarb main, header, footer

Main, header, and footer

Step 2: Articles and sections

Can the main content be broken into self-contained articles? Are there groups of articles that belong in the same section?

rhubarb sections

Sections

In the example, we have split the information into two section elements. The first section contains articles about general information (Stalking rhubarb, How to identify rhubarb, Washing rhubarb, Fun facts about rhubarb, and Not-so-fun facts about rhubarb) and the second section contains articles with recipes (Ginger rhubarb ice milk and No-ginger rhubarb ice milk).

rhubarb articles

Articles

Step 3: Other features

Are there any figures? Are there hyperlinks for navigation? Is there any information that is tangential to the main content?

rhubarb others

Other features

In our example, we have a figure consisting of an image and a caption and also a list of hyperlinks to related sites. Since the list of hyperlinks is tangential, we have put it in an aside element.