сетки CSS - мне все еще нужно использовать списки? - PullRequest
0 голосов
/ 24 февраля 2019

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

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

Считает ли сетка CSS списки бесполезными?

Вместо:

<ul class="floater-left">
    <li>x</li>
    <li>y</li>
    <li>z</li>
</ul>

мне теперь просто нужно:

<div class="grid-type-1">  // where this type 1 has set out columns
    <p>x</p>
    <p>y</p>
    <p>z</p>
</div>

Поскольку теперь я могу упорядочить свой «список», добавив некоторые селекторы, упростив его распространение, выравнивание и т. Д.

Я лаю не на том дереве?

Ответы [ 2 ]

0 голосов
/ 24 февраля 2019
Тег

[ li ] и тег [ Div ] одинаковы в отображении. Но в концепции структуры есть разница Использование тега [ li ]лучшее выражение в элементах списка.

0 голосов
/ 24 февраля 2019

Краткий ответ: Вам все еще нужны списки (если вам нужен список в вашем документе).

Длинный ответ: Семантика разметки превосходит CSS удобства.Если есть смысл представить семантическую структуру HTML с использованием ul, используйте ее.Хотя разработчики, возможно, не увидят разницу, используя p или li, программы чтения с экрана представят нашу, возможно, ошибочную HTML людям с различными проблемами (визуальными, тактильными и т. Д.), Которые в значительной степени зависят от точности * 1013.* документ.

...