H2 comes before h1 in source Is it ok

Question

IF i use <h2> for left sidebar heading and use <h1> for main center content area heading then actually in source and and if CSS is disabled , in both condition <h2> comes before <h1>.
Is it ok? or I should not use <h2> for left sidebar headings?

Answer 1

Semantically, H1 should come before H2 in a document. H2 is a sub-element of H1.
I would suggest you to use the following markup:

<h1><a>Main title of your site</a></h1>
<h2>Sidebar</h2>
    <h3>Sidebar Headline 1</h3>
    <h3>Sidebar Headline 2</h3>
    .... 
<h2>Main content</h2>
    <h3>Headline 1</h3>
    <h3>Headline 2</h3>
    ...

Note: The best way is to have the sidebar after the content in your HTML and use CSS to position it where you want.

Answer 2

From browser's point of view, the order of the tags does not matter. However, the order of the h1 and h2 has semantic implications for the structure of your document. So, having them in the correct order does matter.

Also, it depends on what is your focus keyword. You must put your focus keyword in H1