Почему я должен использовать «li» вместо «div»? - PullRequest
Новая
       40

Почему я должен использовать «li» вместо «div»?

105 голосов
/ 14 февраля 2009

Я не уверен, почему мне нужно использовать ul-li против простого использования divs при перечислении элементов. Я могу сделать так, чтобы оба выглядели одинаково, так в чем же функциональное преимущество создания неупорядоченного списка по сравнению с выравниванием div?

Ответы [ 15 ]

2 голосов
/ 15 февраля 2009

Для правильного рендеринга в примитивных браузерах или мобильных устройствах

2 голосов
/ 15 февраля 2009

Если все, что вас волнует, это заставить списки выглядеть определенным образом с минимальными усилиями, то это уже легко: <li> на один символ меньше, чем <div> и его закрывающий тег необязателен в HTML.

И это в дополнение к тому, что все остальные говорили о семантике.

2 голосов
/ 15 февраля 2009

Использование <li> (при необходимости) уменьшает количество тегов <div>, которые вы так часто видите на веб-страницах, что очень помогает разработчикам.

Не то, чтобы <div> были плохими, но всякий раз, когда тег чрезмерно используется (как часто бывает <div>), он разбавляет семантическое значение тега до такой степени, что он становится абсолютно бесполезным. Я узнал об этом недавно от подрядчика, которого мы наняли для помощи с CSS / UI нашего веб-приложения, и разница, которую он сделал с удобочитаемостью / удобством обслуживания HTML-кода, очень заметна для меня.

1 голос
/ 01 февраля 2013

На ваш вопрос уже дан ответ, я хочу добавить свои два цента здесь. Я работал над проектом, в котором выполнял бэкэнд-логику, а мои данные собирались в шаблон страницы, созданный моим дизайнером. он использовал теги ul и li для представления всех видов списков на странице, некоторые из которых были виджетами. Данные поступали из cms, где пользователи могли вводить форматированный текст через HTML-теги. когда пользователи начали создавать списки в своем контенте, списки больше не выглядели как маркированные списки, а испортили всю страницу.

извлеченный урок: не используйте теги списка с универсальными селекторами CSS, если ваш контент может содержать html сам по себе.

1 голос
/ 14 февраля 2009

еще одна вещь, связанная с ul li; вы можете использовать ul как контейнер, который поможет вам установить класс Style 

<ul class="myHebe">
  <li><a href="#">.net</a></li>
  <li><a href="#">.net</a></li>
</ul>

Мне нравится этот шаблон, когда я использую ul 

.myHebe{} // container
.myHebe li {} // items
.myHebe li a {} // subitems

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

Надежда помогает Спасибо

Страница:
...