gouri - 2:41 am on Nov 4, 2012 (gmt 0)
You need to separate two things: semantics/structure, and presentation. First separate them in your mind ;) and then you can separate them in the code.
That's good advice. Let me try to approach it that way.
The stuff you're calling h4 is more important than the stuff you're calling h2. It's closer to h1 in the hierarchy. The stuff you're calling h2 is less important than the the stuff you're calling h4. It's further down the hierarchy.
Heading numbers are concepts: h1 is more important than h2 is more important than h3 and so on down. Matter of fact, where is h3 in all this?
What I have in the h2 tags are more important than what I have in the h4 tags. I am showing this on the site by making the text in the h2 tags larger than the text in the h4 tags. Can I do this or should I use the span tag instead of the h4 tags even if the text in the h2 tags is larger?
I didn't use the h3 because I think that the h2 and h3 tags are used to indicate sections of a page. Chapter 1 and a link to another page on the site, I felt, aren't sections so I thought that I should use an h4. Is it okay to do this?