[josefroyadvincula]

This is just a quickie. I've seen people use uls inside nav tags, but I've also seen others that don't. Everytime I try to make one, merely deciding whether I need the <ul>s inside my <nav> drives me crazy. Is there a standard for this or is it just a matter of personal preference?

[Dormilich]

that’s a matter of the navigation used. often the navigation is based on lists, hence <ul> (e.g. the Suckerfish Dropdown)

[josefroyadvincula]

Well, yes, they are indeed based on lists. But the <a>s on the <nav> are already, well, within the <nav>. Isn't that enough to mean, 'hey, this part is the navigation menu and these are the links'? I mean, you wouldn't put <article>s in a <section> inside a <ul>.

Okay, did I just confuse everybody with what I said? lol

[Dormilich]

josefroyadvincula, on 20 February 2013 - 09:08 AM, said:

Okay, did I just confuse everybody with what I said?

yes.

the problem is, if you use a list (well, a navigation *is* a list, semantically) you need <ul>. and with <a>s alone you can’t make a multi-level navigation/dropdown.

[josefroyadvincula]

Hmmm... Good point there... Thanks!

[FerretHolmes]

I feel like the OP is just confused on the use of <nav>.

Nav in html5 is just like any other element. You can style it with css like you would anything else.

<nav>
  <ul>
   <li></li>
  </ul>
</nav>

.. is the same thing as

<div id="nav">
    <ul>
      <li></li>
    </ul>
</div>

The real differences and reasons for using nav instead of a div, is really for structure and the use of screen readers. You can use nav more than once in a page, but you should really keep it limited to only major navigation groups. Breadcrumbs, menu's, etc.
If this is not what you were confused about then just ignore me.

[FrankC]

I think the OP should also know that the basic rule in HTML/CSS is that you can put inline elements inside all other elements, block elements inside block elements, but not block elements inside inline elements. <nav> and <ul> are both block elements, so there is no problem there.

For more information, see the tutorial How to Position in CSS.

This post has been edited by FrankC: 23 February 2013 - 06:11 AM