Div inheritance

roger that · 24 Nov 2011 at 15:07

Easiest way to decide what tag to use is to ask yourself what the content is.

So a block of text normally goes in a <p> etc.

In your case, to me, Latest Review: could be a good candidate for a header tag, as it announces a review.

Staffy · 24 Nov 2011 at 15:08

No problem

In the code above you should use a h1, h2, h3 etc... tag

wildest_jjk · 24 Nov 2011 at 15:15

The only problem is when it comes to screen readers etc. So this is part of my page:

http://puu.sh/9fmr

Xbox 360 is h1, but latest would not be h2 because of its size and would probably be h3. Elder scrolls title would be h2.

Does this matter that they do not go in order?

Thanks again folks.

Staffy · 24 Nov 2011 at 15:18

Depends on the coder some say they should go down the page, in numeric order. To me they should be on importance. But as long as you aren't keyword stuffing then you can use more than one the same header tag and you can style them independently.

wildest_jjk · 24 Nov 2011 at 15:35

Right ok thanks, so DIVs are more for layout then I assume? If there are tags already used such as p and img then these can be given a class or id without the need for a div?

Staffy · 24 Nov 2011 at 15:37

In short then yes.

No point in making more work & maintenance by writing more code than you need to.

roger that · 24 Nov 2011 at 19:33

Just bear in mind some search engines will ban a site that has numerous H1's per page.

You could go HTML5 and then use the headers semantically to form the document outline and sections instead of generic divs, which arn't semantic..