Ho visto i progetti di navigazione css fatti principalmente attraverso gli elenchi ul e li per la struttura delle schede. Qual è la ragione di questo ?. Qual è il fall-back per tali siti se il css è in qualche modo disabilitato?Qual è la ragione alla base dell'utilizzo degli elenchi UL Li per disegnare le barre di navigazione?
markup semantico ha vari motivi, ad esempio:
Questo link fornisce ulteriori dettagli su l'argomento: Semantic HTML. Inoltre, è altamente improbabile che qualcuno abbia disabilitato i CSS. A mio parere, non è assolutamente necessario prevedere un ripiego per quel caso, la navigazione sarebbe comunque accessibile comunque.
Penso che sia solo uno schema che ha funzionato bene quando è stato sviluppato (in tutti i browser), quindi è stato documentato nei libri CSS e utilizzato da molte persone. Non è necessario modificare troppo (ul { list-style: none;} e li { display: inline; }), quindi è facile aggiungere. E se disabiliti CSS nel tuo browser, ottieni una versione più brutta che funziona pure.
Non c'è alcun motivo concreto, ovvero non esiste un libro delle regole che afferma che DEVE fare collegamenti di navigazione utilizzando un elenco UL LI.
Tuttavia, per i 2 motivi tutti prontamente indicati nei commenti e le raccomandazioni del W3C sulla struttura del documento, il layout e la semantica html, allora è ** RACCOMANDATO ** che i collegamenti di navigazione vengano eseguiti in quel modo.
È come conformarsi agli schemi nel codice, utilizzando strutture e metodi conformi agli standard, la persona successiva che deve mantenere quel sito dopo averlo guardato e dire, ahh ... Vedo che cosa sta succedendo qui.
Per quanto riguarda gli screen reader, essi (come è stato menzionato) possono anche fare un'analoga analisi sul layout del documento e quindi decidere quali elementi sono importanti per un utente ipovedente.
Navigazione è un menu, in html precedente c'era un tag, deprecato in html4 (http://www.w3.org/TR/html401/struct/lists.html#h-10.4) perché menu e ul rendering lo stesso.
Ora il menu di navigazione in html5 deve essere contanined nel tag semantico.
Otterrai una "lista" di link che è ciò che dovrebbe essere. –
Accessibilità per i lettori di schermo e persino fallback per i browser non css. Mantieni la semantica in HTML <5. – DanielB
@DanielB Non ho ottenuto il tuo commento. Come è fallback per i browser non css fatto. Quando si effettua la navigazione attraverso il pacchetto –