Почему веб-разработчики так стремятся использовать списки?

Question

Я давно занимаюсь разработкой и часто разрабатываю сайты, используя вкладки меню.

И я не могу понять, почему так много веб-разработчиков предпочитают использовать списки

• и т. Д., А не просто старые div-ы.

  Я могу сделать меню в div, которые просты и отлично работают в любом браузере. Со списками я обычно пытаюсь взломать это так или иначе, чтобы заставить это работать должным образом.

  Итак, мой вопрос прост: почему я должен использовать списки для создания своих меню вместо div?

Answer 1

Простой: семантический HTML.Навигация - это, по сути, список ссылок в вашем HTML, поэтому ваша разметка должна отражать это.

У этого есть несколько преимуществ, поисковые роботы могут разумно выяснить, что такое список вещей (то есть ваша навигация) и Googleспециально делает умные вещи с ним.

Кроме того, пользователи с текстовыми браузерами или программами чтения с экрана могут мгновенно распознавать навигационные элементы.

Кроме того, это хорошая практика.

Answer 2

Если вы возьмете свое меню в качестве примера, то меню по своей природе могут быть иерархическими, а список HTML специально предназначен для разметки иерархического списка элементов. Это семантически правильная разметка для этого типа элемента, и любой пользовательский агент может легко понять, включен ли CSS или нет (например, программы чтения с экрана, веб-роботы и т. *

Нет абсолютно никаких причин, по которым вам будет труднее оформлять вложенный список в виде последовательности «плоских» div. На самом деле, совсем наоборот, так как ваш синтаксис CSS предназначен для простой дифференциации вложенных элементов.

Answer 3

Для списков не требуется взлома, потому что только установка display: block и очистка нескольких других стилей приводит к тому же поведению, что и у div, но преимущества заключаются в том, что поисковые системы, текстовые браузеры, такие как Lynx, и т. Д. (Все UA не видят ваш CSS) получить представление о том, что элементы. Он также помогает создавать такие коллажи, как спотыкание, агрегаторы и генераторы каналов и все другие программы, которые берут данные со страниц и пытаются собрать их во что-то полезное.

По сути, div являются избыточными (проверьте http://camendesign.com/, если вы мне не верите; нет div, классов или промежутков, хотя используется слишком много HTML5 для рабочего сайта).