#html #css
#HTML #css
Вопрос:
Я видел дизайн навигации css, выполненный в основном с помощью ul и li списков для структуры вкладок. В чем причина этого?. Каков запасной вариант для таких сайтов, если css каким-то образом отключен?
Комментарии:
1. Вы получите «список» ссылок, которым он и должен быть.
2. Доступность, например, для программ чтения с экрана и даже запасной вариант для браузеров, отличных от css. Поддерживайте семантику в HTML < 5.
3. @DanielB я не получил вашего комментария. Как выполняется резервное копирование для браузеров, отличных от css. При выполнении навигации по спискам ul li
4. @sushil это будет отображаться как неупорядоченный список, где элементы списка являются ссылками навигации. Это намного лучше, чем, скажем, divs, которые будут отображаться один за другим без видимого соединения.
Ответ №1:
Семантическая разметка имеет различные причины, например:
- программы для чтения с экрана могут получить доступ к сайту с большей легкостью
- бот Google может легче сканировать сайт
Эта ссылка содержит более подробную информацию по теме: Семантический HTML. Кроме того, маловероятно, что у кого-то будет отключен CSS. На мой взгляд, нет абсолютно никакой необходимости предоставлять запасной вариант для этого случая, навигация все равно будет доступна в любом случае.
Ответ №2:
Конкретной причины нет, то есть нет книги правил, в которой говорится, что вы ДОЛЖНЫ создавать навигационные ссылки, используя список UL LI.
Однако, по двум причинам, по которым все готово, указанным в комментариях, и рекомендациям W3C о структуре документа, макете и семантике html, тогда ** РЕКОМЕНДУЕТСЯ **, чтобы навигационные ссылки выполнялись таким образом.
Это очень похоже на соответствие шаблонам в коде, используя структуры и методы, соответствующие стандартам, следующий человек, который должен поддерживать этот сайт после того, как вы сможете взглянуть на него и сказать: ааа … Я вижу, что здесь происходит.
Что касается программ чтения с экрана, они (как уже упоминалось) также могут выполнять аналогичный анализ макета документа и, таким образом, решать, какие элементы важны для пользователя с ослабленным зрением.
Ответ №3:
Навигация — это меню, в более старом html был тег, устаревший в html4 (http://www.w3.org/TR/html401/struct/lists.html#h-10.4 ) потому что menu и ul отображаются одинаково.
Теперь меню навигации в html5 должно содержаться в семантическом теге.
Ответ №4:
Я думаю, что это просто шаблон, который хорошо работал при разработке (во всех браузерах), поэтому он был описан в книгах по CSS и использовался многими людьми. Вам не нужно слишком много менять ( ul { list-style: none;} и li { display: inline; } ), поэтому добавлять легко. И если вы отключите CSS в своем браузере, вы просто получите более уродливую версию, которая также работает.