2012-09-18 10 views
7

Po pierwsze, bardzo przepraszam, jeśli to nie jest "prawdziwe" pytanie stackoverflow. Ale jest to coś, o czym zawsze się zastanawiałam ...Czy paski nawigacyjne zawsze powinny być wyświetlane jako listy?

Kiedy koduję pasek nawigacji dla strony (html) Czytałem, że jest to bardzo dobra praktyka, jeśli nie TYLKO praktyka, aby ją wdrożyć za pomocą listy etykietka. na przykład

<ul> 
    <li> Home </li> 
    <li>About Us</li> 
    <li>Blog</li> 
    <li>Contact Us</li> 
</ul> 

Następnie zastosuj niezbędną stylizację, która wyświetla listę w poziomie i tak dalej, i tak dalej.

Ale czy ten standard jest ustawiony w kamieniu, czy robi się to tylko w ten sposób, jeśli jest to najlepsza opcja ... Ponieważ obecnie mam pasek nawigacyjny, który to robi, nie jest to "standardowy" nv bar, więc mówić, a misją jest zaimplementowanie go jako listy. Kilka tagów linków umieszczonych w niektórych elementach div będzie działać poprawnie. Ale oczywiście nie chcę robić tej metody, jeśli ma to skłonić ludzi do śmiechu i uwagi ...

Z góry dziękuję!

+0

Chcę wiedzieć więcej o tym, jak pasek nav „nie swoją«norma»bar nv że tak powiem”! – Sean

Odpowiedz

7

Dlaczego używać list do nawigacji po stronie?

Część projektu strony za pomocą standardów internetowych wymaga użycia semantycznie poprawnego kodu. Aby zacytować "Brainstorms and Raves":

Dobra struktura HTML opiera się na logice, porządku i użyciu semantycznie poprawnych znaczników. Jeśli masz nagłówek, użyj elementu nagłówka, zaczynając od elementu H1. Jeśli masz akapit, użyj elementu akapitu. Jeśli masz listę, użyj elementu elementu listy.

Na poziomie strukturalnym nawigacja po witrynie to po prostu lista linków do innych obszarów witryny. Dlatego najlepszą metodą zaznaczania nawigacji w witrynie jest (prawdopodobnie) użycie elementu listy.

Jeśli korzystasz z dobrej struktury HTML, to przeglądarki tekstowe, czytniki ekranu, przeglądarka bez CSS, przeglądarki z CSS wyłączone, a roboty wyszukiwania będą miały łatwiejszy dostęp do twoich treści.

Miły artykuł na ten temat jest here

+0

Dokładnie to, czego szukałem! Wielkie dzięki :) – Tiwaz89

+0

@DeanGrobler jesteś mile widziany. – Champ

Powiązane problemy