2009-09-07 51 views
0

這是做嵌套導航的正確方法嗎?html導航dom,怎麼樣?

<dl> 
    <dt>Struktur</dt> 
    <dd> 
    <ul id="structure"> 
    <li><a href="/module/structure/add">Hinzufügen</a></li> 
    <li><a href="/module/structure/index">Auflisten</a></li> 
    </ul> 
    </dd> 

    <dt>Nachrichten</dt> 
    <dd> 
    <ul id="messages"> 
    <li><a href="/module/messages/add">Schreiben</a></li> 
    <li><a href="/module/messages/directory">Ordner</a></li> 
    <li><a href="/module/messages/index">Auflisten</a></li> 
    </ul> 
    </dd> 
    </dl> 
+1

這要看是什麼做你的意思是「正確的方式」。 – n1313 2009-09-07 07:48:11

+0

我的意思是我使用正確的元素,是否正確'標記'? – codevour 2009-09-07 07:54:39

回答

5

我同意n1313,它真的取決於你的意思是「正確的方式」。

如果你想有一個挑剔的答案:嚴格地說,「Hinzufügen」和「Auflisten」不在定義「Struktur」的,所以使用<dl>列表構建這些元素可能是不正確的做法™。一個簡單的嵌套<ul>列表可能會更好。

<ul> 
    <li> 
     <div class="parent">Struktur</div> 
     <ul> 
      <li> 
       ... 
+0

是的,我同意這個答案。 無序列表是創建菜單的最常用方式。 – 2009-09-07 07:59:15

+0

謝謝,多數民衆贊成我問:) – codevour 2009-09-07 08:07:58

0

語義上,我不認爲使用dt標籤是正確的。 改爲使用h2或h3標籤。

<h2>Nachrichten</h2> 
<ul id="messages"> 
    <li><a href="/module/messages/add">Schreiben</a></li> 
    <li><a href="/module/messages/directory">Ordner</a></li> 
    <li><a href="/module/messages/index">Auflisten</a></li> 
</ul> 

看你的代碼,它似乎像你嵌套任何UL /李物品,但deceze貼出這樣做的方法是正確的:

<ul> 
    <li>Item 1</li> 
    <li>Item 2 
     <ul> 
     <li>subitem</li> 
     <li>subitem 2</li> 
     </ul> 
    </li> 
</ul>