Sent by Matthias Gutfeldt on 5 August 2002 13:01
--- "Austin, Darrel" [EMAIL-REMOVED]> wrote:
> I'm not quite sure how to describe this, but I'd like
> to had a small sub-head to each H1 on tertiary-level
> pages.
>
> For instance, the secondary page would be such:
>
> <h1>Section Title</h1>
>
> On the tertiary page, I'd then like it to show:
>
> Section Title:
> <h1>Tertiary Page Title</h1>
>
> Sort of a pseudo bread-crumb thing.
>
> My question is, what is the proper way to mark that up from a
> structural POV?
>
> My thoughts were:
>
> <h1>Section Title</h1>
> <h2>Tertiary Page Title</h2>
>
> but the catch there is that I'd have to define different
> styles to the H1 tag based on which level page you are on,
> not to mention that I'd have to use <h3> for section heads
> on the page on the secondary level page.
Hmm, tricky tricky. I guess HTML just hasn't enough specific elements
in it for structural niceties like these.
If you have a chapter/subchapter/text structure like this:
The animal kingdom
Mammals
Dogs
Dogs are hairy four-legged fleabags with too many teeth...
IMHO, on this page about dogs, the most important heading should be
"Dogs", not "The animal kingdom" or "Mammals". In this case, the
chapter/subchapter titles are not headings, but just information. So
IMHO you could wrap them in whatever element suits you.
Example:
<p class="level0">The animal kingdom:</p>
<p class="level1">Mammals:</p>
<h1>Dogs</h1>
<p>Dogs are hairy four-legged fleabags with too many teeth...</p>
and style the paragraph classes according to your needs. You could
also use nested lists, but that gets a bit confusing the deeper you
nest 'em:
<ol><li>The animal kingdom
<ol><li>Mammals
<ol><li><h1>Dogs</h1></li>
</ol></li>
</ol></li>
</ol>
<p>Dogs are hairy four-legged fleabags with too many teeth...</p>
> Alternatively:
>
> <h1><span class="breadcrumbTitle">Section Title</span>
> Tertiary Page Title</h1>
In this case you would give all titles the same "weight" as a heading
1. I don't think that's such a good idea.
Matthias
__________________________________________________
Do You Yahoo!?
Yahoo! Health - Feel better, live better
http://health.yahoo.com
