Re: [WSG] Headings within ul Navigation
HI
While h1 is allowed in li according to
http://htmlhelp.com/reference/html40/block/h1.html, it's not the same
way that you are suggesting.. if you want to markup text to be
emphasised used em or strong.
h1-h6 are headings for content
You would be better of using descendant selectors here to avoid bloat
h4My list/h4!-- for instance --
ul
lihello
ullilevel2/li
/li
/ul
ul
{
/* styles */
}
ul li ul li
{
/* i think this will catch the 2nd level -could even do an li li to
be less specific and catch ol's */
}
Cheers
James
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Headings within ul Navigation
Title: RE: [WSG] Headings within ul Navigation
Thanks all,
I've been doing it purely for strucural reasons rather than presentational.
The thought behind it was (all invented in my head);
+ hey, maybe it'll help give some more things for search engines to grab onto
+ maybe screen reader users can tab the nav by headers too, possibly helping as there's an 'alternative route'
Do you think the above is achieved? Is the 2nd point actually making it worse for these users?
Thanks again,
Jamie
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]]
Sent: 05 May 2005 08:10
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Headings within ul Navigation
HI
While h1 is allowed in li according to
http://htmlhelp.com/reference/html40/block/h1.html, it's not the same way that you are suggesting.. if you want to markup text to be emphasised used em or strong.
h1-h6 are headings for content
You would be better of using descendant selectors here to avoid bloat
h4My list/h4!-- for instance --
ul
lihello
ullilevel2/li
/li
/ul
ul
{
/* styles */
}
ul li ul li
{
/* i think this will catch the 2nd level -could even do an li li to be less specific and catch ol's */ }
Cheers
James
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Headings within ul Navigation
Does anyone know whether it's correct to use headings in your navigation? I'd say it's not correct; although I'd counterpoint by saying that nested lists imply the sort of structure I think you're trying to define. That is... the nested lists are one level down from the containing LI. So adding the headings is doubling up, semantically speaking. Plus, headings should be attached to content; which they aren't in the list. h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Headings within ul Navigation
Title: Headings within ul Navigation Hey all, Does anyone know whether it's correct to use headings in your navigation? e.g. ul lih2Item/h2/li lih2Item/h2/li lih2Item/h2/li lih2Item/h2 ul lih3Sub Item/h3/li lih3Sub Item/h3/li lih3Sub Item/h3/li /ul /li lih2Item/h2/li lih2Item/h2/li /ul Is the above right or wrong? I'm doing this at the moment, thinking it's helping give semantic meaning to the page, but is it right? Thanks in advance, Jamie Mason
Re: [WSG] Headings within ul Navigation
Why do you want all those header tags in there- for display purposes? I don't think it's invalid - I just don't see the purpose yet It's probably better to just class the ul or li, such as ul class=heading1, and then style all those headings for the correct appearance. Matthom matthom.com/ On 5/4/05, Jamie Mason [EMAIL PROTECTED] wrote: Hey all, Does anyone know whether it's correct to use headings in your navigation? e.g. ul lih2Item/h2/li lih2Item/h2/li lih2Item/h2/li lih2Item/h2 ul lih3Sub Item/h3/li lih3Sub Item/h3/li lih3Sub Item/h3/li /ul /li lih2Item/h2/li lih2Item/h2/li /ul Is the above right or wrong? I'm doing this at the moment, thinking it's helping give semantic meaning to the page, but is it right? Thanks in advance, Jamie Mason ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Headings within ul Navigation
On Wed, 04 May 2005 17:31:06 +0100, Jamie Mason [EMAIL PROTECTED] wrote: Hey all, Does anyone know whether it's correct to use headings in your navigation? Technically h is allowed in li, but semantically - I think it's not. IMHO headings should only be before actual content, so when you jump to any heading you're landing in the right place. With your code this doesn't work and things like document summary would either show all headings twice or show headings for content that is not on the page. Nested lists are enough to represent headings structure of the page. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Headings within ul Navigation
Matt Thommes wrote:
Why do you want all those header tags in there- for display purposes?
I don't think it's invalid - I just don't see the purpose yet
It's probably better to just class the ul or li, such as ul
class=heading1, and then style all those headings for the correct
appearance.
Matthom
matthom.com/
I would think that h1/h2/h3 are the wrong element to be used here.
The specs say that they're to be used as Headings:
A heading element briefly describes the topic of the section it introduces
from
http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.5.5
The key to me being the section it introduces. Personally, I don't
think that the UL/LI combinations need any more than what they have
As for the CSS, you can use descendent selectors to define the look
without adding classes...
ul li {
font-weight: bold;
font-size: 10pt;
}
ul ul li {
font-weight: normal;
font-style: italic;
font-size: 8pt;
}
-Erik
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
