2015-06-07 13 views
5

Dlaczego niemal wszyscy widzę korzystać z tego rodzaju konstrukcji przy tworzeniu jakiegoś nawigacjiDlaczego używamy nieuporządkowanych list do tworzenia navów?

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

zamiast tego?

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

Jakie są zalety pierwszego w porównaniu do poprzedniego? Ponieważ tak wielu robi to w ten sposób.

+2

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

+0

Moim zdaniem listy pozwalają na większą kontrolę nad nawigacją. Nie tylko to, ale semantycznie ma to sens, ponieważ paski nawigacyjne są w rzeczywistości listami linków do różnych stron w twojej witrynie. Używanie list zagnieżdżonych działa również lepiej przy tworzeniu rozwijanych menu. Widziałem, jak ludzie napotykają problemy podczas używania tylko divów do nawigacji. –

+0

Pomyśl o czytnikach ekranu, robotach indeksujących itp. Chodzi o semantykę. –

Odpowiedz

3

W skrócie, ponieważ zawartość jest lista linków, więc piszemy znaczników nie odzwierciedla.

Daje nam więcej opcji do stylizacji linków (ponieważ dodatkowy znacznik daje nam więcej elementów do zabawy) i pozwala nam je odróżnić bez dostępu do stylów wizualnych.

Screenshot of Lynx

0

Nawigacja jest rzeczywiście lista, dlatego. To gra o semantykę. Ale ja osobiście wolę używać i nawigować (gdy projektuję od zera).

Powiązane problemy