2015-06-07 12 views
5

Perché quasi tutti vedo utilizzare questo tipo di struttura per la creazione di una sorta di navigazionePerché usiamo liste non ordinate per rendere navs?

<ul> 
    <li><a href="/link1">link1</a></li> 
    <li><a href="/link2">link2</a></li> 
    <li><a href="/link3">link3</a></li> 
</ul> 

invece di questo?

<div> 
    <a href="/link1">link1</a> 
    <a href="/link2">link2</a> 
    <a href="/link3">link3</a> 
</div> 

Quali sono i vantaggi del primo rispetto all'ultimo? Dal momento che così tanti lo stanno facendo in questo modo.

+2

Primo link in Google https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/ – mplungjan

+0

Secondo me gli elenchi consentono un maggiore controllo sulla navigazione. Non solo, ma semanticamente ha senso, poiché le barre di navigazione sono in realtà elenchi di collegamenti a pagine diverse sul tuo sito. L'utilizzo di elenchi annidati funziona anche meglio per la creazione di menu a discesa. Ho visto persone incorrere in problemi quando si utilizzano solo div per le loro navigazioni. –

+0

Pensa agli screen reader, ai crawler dei siti, ecc. Riguarda la semantica. –

risposta

3

In breve, perché il contenuto è una lista di link, in modo da scrivere markup che riflette.

Ci dà più opzioni per lo styling dei collegamenti (dal momento che il markup aggiuntivo ci dà più elementi con cui giocare), e ci permette di distinguerli senza accedere allo stile visivo.

Screenshot of Lynx

0

navigazione è una realtà una lista, ecco perché. È un gioco di semantica. Ma personalmente preferisco usare e navigare (quando sto progettando da zero).

Problemi correlati