By html hierarchy means:
<h1> Respect hierarchy</h1>
<p>We all understand to respect our elders, to respect our family, and to respect felow humarns, but what about our code</p>
<h2>Why you should respect your HTML</h2>
<p>You should respect your code for the following reasons</p>
<ul>
<li>It's so easy to write</li>
<li>It's so so easy to edit</li>
<li>Search Engines love it</li>
</ul>
<h2>But why do Search Engines love good Hierarchy organization?</h2>
<p>Computers can understand my grouping of information and my good use of headers to gain importance from the words i'm using<p>
- <h1> Respect hierarchy</h1>
- <p>We all understand to respect our elders, to respect our family, and to respect felow humarns, but what about our code</p>
- <h2>Why you should respect your HTML</h2>
- <p>You should respect your code for the following reasons</p>
- <ul>
- <li>It's so easy to write</li>
- <li>It's so so easy to edit</li>
- <li>Search Engines love it</li>
- </ul>
- <h2>But why do Search Engines love good Hierarchy organization?</h2>
- <p>Computers can understand my grouping of information and my good use of headers to gain importance from the words i'm using<p>
The above is just fine code. It organized text according to importance, it doesn't have tables to junk it up, it doesn't have internal css, it doesn't have internal javascript, it's easy for search engine to understand just like it is for you.
For starters learn this:
http://alistapart.com/articles/holygrail
take 2 Advil in the morning, and never use tables again.
Standard Compliant: your code should pass this test:
http://validator.w3.org/