Hi Julián,
H1 should
only be used once, generally as your page title. In the detail view of an
article the article's title should be an H1, unless your article pages
always carry the parent title of e.g. News, in which case you would use H2 or
lower.
H2 headings and
lower can be used repeatedly but they need to keep their numerical
hierarchy.
<H1>
<H2>
<H3>
<H2>
<H3>
<H4>
<H3>
<H4>
<H2>
...
You
shouldn't use an H3 as a parent to an H2 tag. If you're concerned about the
visual appearance then there is nothing wrong with bumping up the size of the H3
tag for your articles.
Your
suggested use of headings in the classic markup example you provided is
correct.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Julián Landerreche Sent: Thursday, 3 November 2005 9:16 AM To: wsg@webstandardsgroup.org Subject: [WSG] advices for using headings more correctly I'm having some troubles when trying to think how headings should be used, and I'm always thinking about simplify the site structure, but that simplification always seems to mean "strip out content". Summary of this e-mail: I want to know some good practices about using heading tags. Specially for the first three levels (h1, h2, h3) that are usually the most used tags for headings, and that I often find myself doing "malabares" to create a good site structure using headings. I'm a bit lost. Suppose this basic content: My site title ...navigation... My section name Latest Articles Article 1 Title paragraph Article 2 Title paragraph ..etc.. How will you mark it up? I think the usual (clasic) mark-up is <h1>My site title<h1> ...navigation... <h2>My section name</h2> <h3>Latest Articles</h3> <h4>Article 1 Title</h4> <p>paragraph</p> <h4>Article 2 Title</h4> <p>paragraph</p> But I would like to know if the following is a valid way too (i'm not talking about valid code, but valid content structure). <h1>My site title<h1> ...navigation... <hr /> <h1>My section name</h1> *<h3>Latest Articles</h3>* <h2>Article 1 Title</h2> <p>paragraph</p> <h2>Article 2 Title</h2> <p>paragraph</p> Notice that I'm using <h1> level headings twice, but *most important* is that i'm using an <h3> heading *before* and <h2> heading. Why? I want to give *more relevance to the "Articles Titles"* than to the "Latest Articles" heading, because that last one is more a kind of "separation heading". I think the "Latest articles" as a level 3 heading more like a visual/semantic/structure aid for users to know what is the content that comes below that heading. So, I find myself lost and this are some questions I have: 1. Should I mark-up "Latest Articles" with another tag that is not a heading tag? The problem here is that if I mark it up with anything else, it's probably that I will use stylesheet to "transform" it into a heading, and that is something I want to avoid. 2. Or should I keep a minor-level heading (h3 before h2) to mark it up? 3. Should I include My Site Title wrapped by a heading in all pages? Should I include My Section Name? 4. Or should I start directly with a h1/h2 applied to the most relevant content in the page (articles in this case)? 5. Should I avoid to repeat headings of the same level in the same page? 6. Anything else I should know about the world of headings? Thanks in advance and excuse my english. Julián |
- RE: [WSG] advices for using headings more correctly Paul Noone
- Re: [WSG] advices for using headings more correc... heretic
- Re: [WSG] advices for using headings more co... Andy Kirkwood|Motive
- Re: [WSG] advices for using headings more co... Julián Landerreche
- Re: [WSG] advices for using headings more co... Seona Bellamy
- Re: [WSG] advices for using headings more correc... Christian Montoya