Hi.

It's very well explained so careful reading will pay off.

HTML Code:
<h1>Articles</h1> 
... h1  content (some articles)
// end of <h1>


Is this legal? Of course it is. OK!


HTML Code:
<h1>Articles</h1>
<h2>Article 1</h2>
... h2  content (article 1)
<h2>Article 2</h2>
... h2  content (article 2)
<h2>Article 3</h2>
... h2  content (article 3)
// end of <h1>

Is this legal? Of course it is. OK!


Let's all start thinking. Consider this:

HTML Code:
<h1>Articles</h1>
<ul>...</ul>// Order by & sort menu.
<h2>Article 1</h2>
... h2  content (article 1)
<h2>Article 2</h2>
... h2  content (article 2)
<h2>Article 3</h2>
... h2  content (article 3)
<ul>...</ul>// Navigation menu (does NOT belong to last <h2>)
// end of <h1>


Is this legal? It isn't. In a <h1> (or any heading for that matter), if there are sub-headings (<h2>s in our example), you must continue using those sub-headings throughout the entire <h1>. So this example is unsemantical and false. Remark: If the first <ul> under the <h1> was a paragraph further clarifying the contents of the <h1> that would of course have been acceptable! (Only exception!)


Now consider this:

HTML Code:
<h1>Articles</h1>
<h2>Order Menu</h2>
<ul>...</ul>
<h2>Article 1</h2>
... h2  content (article 1)
<h2>Article 2</h2>
... h2  content (article 2)
<h2>Article 3</h2>
... h2  content (article 3)
<h2>Navigation Menu</h2>
<ul>...</ul>
// end of <h1>



Is this legal? It still isn't. In fact, the nature of the <h2>s throughout the <h1> is not the same so it is horribly unsemantical (An article is not of the same nature as a navigation menu or order by menu!).


Solution: Well, ... now it's your turn to come up with the a solution.


More examples will follow.

Thanks for reading.