h1-h2-h3 tags

Discussion in 'CSS' started by kschill, Feb 2, 2006.

  1. #1
    Hi Everyone,
    Was hoping to get a quick tip/advice on the use of the mentioned tags. As we all know you can control the size of the headings through CSS file, so i was curious if you all used it, or if it mattered, exactly how it was used.
    For example, would it matter if I used the h2 tag in the paragraph itself or as a standalone phrase?

    <h2> Widgets </h2>
    <p>
    <p>some paragraph stuff here talking about widgets</p>

    or

    <p>this paragraph talks about <h2>widgets</h2> and how to build them </p>

    :confused:
     
    kschill, Feb 2, 2006 IP
  2. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #2
    the <h> tags are heading tags.

    Use them as headings, in the correct order and you cant go wrong eg
    <h1>broad page topic</h1>
    <h2>Sub topic</h2>
    <p>text</p>
    <h3>Sub sub topic</h3>
    <p>text</p>
    <h2>second sub topic</h2>
    <p>text</p>
     
    stuw, Feb 2, 2006 IP
  3. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Correct, don't use h tags in content, you can however use strong and italic
     
    mdvaldosta, Feb 2, 2006 IP
  4. kschill

    kschill Well-Known Member

    Messages:
    359
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    108
    #4
    Cool. Thanks for the quick replies.
     
    kschill, Feb 2, 2006 IP
  5. LookingForGroup

    LookingForGroup Guest

    Messages:
    26
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I look at <h> tags like an outline:

    h1 = the outline's title

    h2 = I,II,III,IV, etc

    h3 = A, B, C, D, etc

    h4 = 1,2,3,4, etc

    h5 = a,b,c,d, etc

    This might be a little confusing if I'm not explaining it properly.
     
    LookingForGroup, Feb 2, 2006 IP
  6. gordonfreeman

    gordonfreeman Peon

    Messages:
    169
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    it's like title, subtitle, sub-subtitle, sub-sub-subtitle, etc.. search engines like this cause they make them "see" your page as being organized

    offtopic... LookingForGroup > you must play wow a lot :)
     
    gordonfreeman, Feb 2, 2006 IP
  7. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Heading tags are not only good for search engines, they are also good for people with disabilities. If you're blind and using a screen reader, h* tags allow you to skip to different headings and bypass unnecessary reading on a page-by-page basis.
     
    the_pm, Feb 4, 2006 IP
    Corey Bryant likes this.
  8. misohoni

    misohoni Notable Member

    Messages:
    1,717
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    200
    #8
    I've also combined <h..> tags with <b> also - try it to improve your rankings...
     
    misohoni, Feb 5, 2006 IP
  9. catanich

    catanich Peon

    Messages:
    1,921
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    0
    #9
    The above describes the text book usage of the H1-n tags. Go to the top seo sites including Googles and view source to see how they use these tags with other tags. This is what they call overSEOing.

    Look at Misohoni's Feng Shui sites for good examples of the proper use of OverSEOing the <h1>, <h2> and <h3> tag.

    Just add <b> or <strong> or...
     
    catanich, Jul 23, 2008 IP
  10. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #10
    css style for reset the font size and weight of h1 h2 and so on

    h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
     
    justinlorder, Jul 23, 2008 IP