use of <H?> tags

Discussion in 'HTML' started by shank, Sep 26, 2003.

  1. shank

    shank Guest

    I need advice on how to implement <H?> tags. I'm converting a table oriented
    site to a more CSS site. In a perfect world with a website that has mostly
    verbiage the use of the <H?> tags is relatively obvious. I've got a lot of
    product and lists neatly displayed within tables on the home page. And so
    far never used <H?> tags. That of course seems to be a big mistake.

    I basically have 3 text sizes on the home page.
    When using the <H?> tags how should I use them?
    <H1> for a title - OK
    <H2> for what? Just what I feel should be the next smaller size?
    <H3> and so forth etc.?

    Considering that I could actually set the size for any one of those tags,
    how much difference does it make? Could someone give me a clue? It appears
    that my <DIV> tag is going to be my best friend. Is that the nature of CSS?
    thanks!
     
    shank, Sep 26, 2003
    #1
    1. Advertising

  2. "shank" <> wrote in message
    news:rdLcb.18338$...
    > I need advice on how to implement <H?> tags. I'm converting a table

    oriented
    > site to a more CSS site. In a perfect world with a website that has mostly
    > verbiage the use of the <H?> tags is relatively obvious. I've got a lot of
    > product and lists neatly displayed within tables on the home page. And so
    > far never used <H?> tags. That of course seems to be a big mistake.
    >
    > I basically have 3 text sizes on the home page.
    > When using the <H?> tags how should I use them?
    > <H1> for a title - OK
    > <H2> for what? Just what I feel should be the next smaller size?
    > <H3> and so forth etc.?
    >


    Think of the page's text as an outline.

    <h1> the main page's title

    <h2> title for the primary sub-section(s)

    <h3> as sub-sections to the <h2> section above it

    and so on.


    --
    Karl Core

    Charles Sweeney says my sig is fine as it is.
     
    EightNineThree, Sep 26, 2003
    #2
    1. Advertising

  3. shank

    Mark Parnell Guest

    shank wrote:
    > so far never used <H?> tags. That of
    > course seems to be a big mistake.
    >


    Indeed. It is extremely unlikely that a page has no headings at all.

    > I basically have 3 text sizes on the home page.


    Irrelevant to a discussion on use of headings.

    > When using the <H?> tags how should I use them?
    > <H1> for a title - OK
    > <H2> for what? Just what I feel should be the next smaller size?
    > <H3> and so forth etc.?
    >


    No. HTML (and therefore headings in HTML) is used to describe the
    *structure* of the document, not the presentation. Use H1 for the main page
    heading. Use H2 for the first level of sub-headings, H3 for the next level
    of sub-headings, and so on as far as necessary. Of course...

    > Considering that I could actually set the size for any one of those
    > tags,


    Exactly. You can style them to display however you want.

    > how much difference does it make? Could someone give me a clue?


    Many browsers allow the user to generate a "table of contents" from a page,
    using the semantic structure of the page, especially headings. It is also
    rumoured that some search engines (including Google) rank the text in
    headings higher than other body text, since it is (if used properly of
    course :) ) the most important text on the page.

    --

    Mark Parnell
    http://www.clarkecomputers.com.au
     
    Mark Parnell, Sep 26, 2003
    #3
  4. In post <rdLcb.18338$>
    shank said...

    > I basically have 3 text sizes on the home page.
    > When using the <H?> tags how should I use them?
    > <H1> for a title - OK
    > <H2> for what? Just what I feel should be the next smaller size?
    > <H3> and so forth etc.?


    the number indicates the importance of the heading. it has nothing to
    do with the font size or any other styling of the heading.

    --
    26/September/2003 10:23:27 am
     
    =?iso-8859-1?Q?brucie?=, Sep 26, 2003
    #4
  5. shank

    shank Guest

    "brucie" <-html.org> wrote in message
    news:xatr2djsvxsb$...
    > In post <rdLcb.18338$>
    > shank said...
    >
    > > I basically have 3 text sizes on the home page.
    > > When using the <H?> tags how should I use them?
    > > <H1> for a title - OK
    > > <H2> for what? Just what I feel should be the next smaller size?
    > > <H3> and so forth etc.?

    >
    > the number indicates the importance of the heading. it has nothing to
    > do with the font size or any other styling of the heading.


    OK. I don't have the typical headings and paragraphs you would would find on
    a website made for research or general verbiage. I could create an <H1>
    title with little problem. But how would I go about tagging product copy
    snippets like "click here for $10 off", "blue widgets now on sale", "new
    releases click here", etc etc etc.? That's the only other verbiage I have
    along with photos on the page. If they are of equal importance, do I tag
    them with <H2>? Is there a problem of having more than one <H2> or <H3> tags
    on the same page?

    Thanks for your indulgence! Coming from an all table world is a leap in
    method thinking...
     
    shank, Sep 26, 2003
    #5
  6. shank

    Mark Parnell Guest

    shank wrote:
    > "brucie" <-html.org> wrote in message
    > news:xatr2djsvxsb$...
    >> In post <rdLcb.18338$>
    >> shank said...
    >>
    >>> I basically have 3 text sizes on the home page.
    >>> When using the <H?> tags how should I use them?
    >>> <H1> for a title - OK
    >>> <H2> for what? Just what I feel should be the next smaller size?
    >>> <H3> and so forth etc.?

    >>
    >> the number indicates the importance of the heading. it has nothing to
    >> do with the font size or any other styling of the heading.

    >
    > OK. I don't have the typical headings and paragraphs you would would
    > find on a website made for research or general verbiage.
    > I could
    > create an <H1> title with little problem. But how would I go about
    > tagging product copy snippets like "click here for $10 off", "blue
    > widgets now on sale", "new releases click here", etc etc etc.?


    If you posted a URI, we may be able to give you some pointers.

    BTW: Don't use "click here" for link text. How does someone using an aural
    browser click?

    > That's
    > the only other verbiage I have along with photos on the page.


    Then perhaps the photos should be marked as <h2>. Without seeing the page
    in question, it is very hard to say.

    > If they
    > are of equal importance, do I tag them with <H2>? Is there a problem
    > of having more than one <H2> or <H3> tags on the same page?
    >


    Not at all. If you have more than one second-level heading, then you can
    use more than one <h2>.

    > Thanks for your indulgence! Coming from an all table world is a leap
    > in method thinking...


    Indeed. But it is a leap *forward*. :)

    --

    Mark Parnell
    http://www.clarkecomputers.com.au
     
    Mark Parnell, Sep 26, 2003
    #6
  7. shank

    shank Guest

    "Mark Parnell" <> wrote in message
    news:3f7396c8$0$23591$...
    > shank wrote:
    > > "brucie" <-html.org> wrote in message
    > > news:xatr2djsvxsb$...
    > >> In post <rdLcb.18338$>
    > >> shank said...
    > >>
    > >>> I basically have 3 text sizes on the home page.
    > >>> When using the <H?> tags how should I use them?
    > >>> <H1> for a title - OK
    > >>> <H2> for what? Just what I feel should be the next smaller size?
    > >>> <H3> and so forth etc.?
    > >>
    > >> the number indicates the importance of the heading. it has nothing to
    > >> do with the font size or any other styling of the heading.

    > >
    > > OK. I don't have the typical headings and paragraphs you would would
    > > find on a website made for research or general verbiage.
    > > I could
    > > create an <H1> title with little problem. But how would I go about
    > > tagging product copy snippets like "click here for $10 off", "blue
    > > widgets now on sale", "new releases click here", etc etc etc.?

    >
    > If you posted a URI, we may be able to give you some pointers.
    >
    > BTW: Don't use "click here" for link text. How does someone using an

    aural
    > browser click?
    >
    > > That's
    > > the only other verbiage I have along with photos on the page.

    >
    > Then perhaps the photos should be marked as <h2>. Without seeing the page
    > in question, it is very hard to say.
    >
    > > If they
    > > are of equal importance, do I tag them with <H2>? Is there a problem
    > > of having more than one <H2> or <H3> tags on the same page?
    > >

    >
    > Not at all. If you have more than one second-level heading, then you can
    > use more than one <h2>.
    >
    > > Thanks for your indulgence! Coming from an all table world is a leap
    > > in method thinking...

    >
    > Indeed. But it is a leap *forward*. :)
    >
    > --
    >
    > Mark Parnell
    > http://www.clarkecomputers.com.au
    >


    What benefit is there to marking the pics with <H2>? Do the search engines
    pick up on the filename and/or <ALT> tag? Is the syntax: <H2 img
    src="myphoto.jpg"> ?
    thanks!
     
    shank, Sep 26, 2003
    #7
  8. shank

    shank Guest

    "Mark Parnell" <> wrote in message
    news:3f7396c8$0$23591$...
    > shank wrote:
    > > "brucie" <-html.org> wrote in message
    > > news:xatr2djsvxsb$...
    > >> In post <rdLcb.18338$>
    > >> shank said...
    > >>
    > >>> I basically have 3 text sizes on the home page.
    > >>> When using the <H?> tags how should I use them?
    > >>> <H1> for a title - OK
    > >>> <H2> for what? Just what I feel should be the next smaller size?
    > >>> <H3> and so forth etc.?
    > >>
    > >> the number indicates the importance of the heading. it has nothing to
    > >> do with the font size or any other styling of the heading.

    > >
    > > OK. I don't have the typical headings and paragraphs you would would
    > > find on a website made for research or general verbiage.
    > > I could
    > > create an <H1> title with little problem. But how would I go about
    > > tagging product copy snippets like "click here for $10 off", "blue
    > > widgets now on sale", "new releases click here", etc etc etc.?

    >
    > If you posted a URI, we may be able to give you some pointers.
    >
    > BTW: Don't use "click here" for link text. How does someone using an

    aural
    > browser click?
    >
    > > That's
    > > the only other verbiage I have along with photos on the page.

    >
    > Then perhaps the photos should be marked as <h2>. Without seeing the page
    > in question, it is very hard to say.
    >
    > > If they
    > > are of equal importance, do I tag them with <H2>? Is there a problem
    > > of having more than one <H2> or <H3> tags on the same page?
    > >

    >
    > Not at all. If you have more than one second-level heading, then you can
    > use more than one <h2>.
    >
    > > Thanks for your indulgence! Coming from an all table world is a leap
    > > in method thinking...

    >
    > Indeed. But it is a leap *forward*. :)
    >
    > --
    >
    > Mark Parnell
    > http://www.clarkecomputers.com.au


    ADDENDUM...
    Is there a problem with sticking <H?> tags inside of <TD> tags like this..
    <TD><h3 class="photocaptions">widgets</h3></TD>
    thanks!
     
    shank, Sep 26, 2003
    #8
  9. shank

    PeterMcC Guest

    shank wrote:
    > "Mark Parnell" <> wrote in message
    > news:3f7396c8$0$23591$...
    >> shank wrote:
    >>> "brucie" <-html.org> wrote in message
    >>> news:xatr2djsvxsb$...
    >>>> In post <rdLcb.18338$>
    >>>> shank said...
    >>>>
    >>>>> I basically have 3 text sizes on the home page.
    >>>>> When using the <H?> tags how should I use them?
    >>>>> <H1> for a title - OK
    >>>>> <H2> for what? Just what I feel should be the next smaller size?
    >>>>> <H3> and so forth etc.?
    >>>>
    >>>> the number indicates the importance of the heading. it has nothing
    >>>> to do with the font size or any other styling of the heading.
    >>>
    >>> OK. I don't have the typical headings and paragraphs you would would
    >>> find on a website made for research or general verbiage.
    >>> I could
    >>> create an <H1> title with little problem. But how would I go about
    >>> tagging product copy snippets like "click here for $10 off", "blue
    >>> widgets now on sale", "new releases click here", etc etc etc.?

    >>
    >> If you posted a URI, we may be able to give you some pointers.
    >>
    >> BTW: Don't use "click here" for link text. How does someone using
    >> an aural browser click?
    >>
    >>> That's
    >>> the only other verbiage I have along with photos on the page.

    >>
    >> Then perhaps the photos should be marked as <h2>. Without seeing
    >> the page in question, it is very hard to say.
    >>
    >>> If they
    >>> are of equal importance, do I tag them with <H2>? Is there a problem
    >>> of having more than one <H2> or <H3> tags on the same page?
    >>>

    >>
    >> Not at all. If you have more than one second-level heading, then
    >> you can use more than one <h2>.
    >>
    >>> Thanks for your indulgence! Coming from an all table world is a leap
    >>> in method thinking...

    >>
    >> Indeed. But it is a leap *forward*. :)
    >>
    >> --
    >>
    >> Mark Parnell
    >> http://www.clarkecomputers.com.au
    >>

    >
    > What benefit is there to marking the pics with <H2>? Do the search
    > engines pick up on the filename and/or <ALT> tag? Is the syntax: <H2
    > img src="myphoto.jpg"> ?


    AFAIK, neither unless it's used in a link.

    --
    PeterMcC
    If you feel that any of the above is incorrect,
    inappropriate or offensive in any way,
    please ignore it and accept my apologies.
     
    PeterMcC, Sep 26, 2003
    #9
  10. shank

    Mark Parnell Guest

    shank wrote:
    > Is there a problem with sticking <H?> tags inside of <TD> tags like
    > this.. <TD><h3 class="photocaptions">widgets</h3></TD>
    > thanks!


    Not at all. If "widgets" is a 3rd-level heading, then mark it up as such
    (though I would think that in most cases it would be in a <th> not <td>).

    --

    Mark Parnell
    http://www.clarkecomputers.com.au
     
    Mark Parnell, Sep 28, 2003
    #10
  11. shank

    Mark Parnell Guest

    shank wrote:
    >
    > What benefit is there to marking the pics with <H2>? Do the search
    > engines pick up on the filename and/or <ALT> tag? Is the syntax: <H2
    > img src="myphoto.jpg"> ?
    > thanks!


    AFAIK search engines generally only pick up the alt text on an image if it
    is a link, though some reports indicate otherwise. But if the pictures are
    headings, then you should mark them as such. As I said before, this means
    that some browsers can make a document outline from the headings.

    <h2><img src="myphoto.jpg" alt="Something appropriate" width="x"
    height="y"></h2>

    or if it is a link:

    <h2><a href="widgets.html"><img src="myphoto.jpg" alt="Something
    appropriate" width="x" height="y"></a></h2>

    --

    Mark Parnell
    http://www.clarkecomputers.com.au
     
    Mark Parnell, Sep 28, 2003
    #11
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Dean H. Saxe
    Replies:
    0
    Views:
    1,043
    Dean H. Saxe
    Jan 3, 2004
  2. Rob Nicholson
    Replies:
    3
    Views:
    760
    Rob Nicholson
    May 28, 2005
  3. Ranganath

    Custom Tags within Custom Tags.

    Ranganath, Oct 17, 2003, in forum: Java
    Replies:
    2
    Views:
    466
    Ranganath
    Oct 21, 2003
  4. Mike
    Replies:
    3
    Views:
    882
    Michael Borgwardt
    Jan 9, 2004
  5. A. Brinkmann
    Replies:
    2
    Views:
    1,082
    A. Brinkmann
    Apr 16, 2004
Loading...

Share This Page