Что лучше использовать divs или таблицы для содержания столбцов ссылок?

StackOverflow https://stackoverflow.com/questions/1107669

Вопрос

У меня есть страница с 3 столбцами ссылок внизу.Каждый столбец помещается в div, и все три раздела объединяются в большой div, расположенный по центру страницы.Является ли это чем-то, что лучше подходит для таблицы, или таблица - неподходящий элемент для этой работы?

Это было полезно?

Решение

Вы также можете использовать <ul> & <li> для этого.

#horizontal {
    width: 100%;
    background: #eee;
    float: left;
}

#horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

Это создаст горизонтальные столбцы с использованием элементов li, а затем вы можете заполнить HTML-код для создания отдельных ссылок в каждом элементе li.

Другие советы

Эмпирическое правило заключается в следующем:

Используйте Divs для компоновки, tables для табличных данных.

Кстати, ознакомьтесь с этимологией термина "Эмпирическое правило", довольно забавного.

вопрос, который вы хотите задать себе, заключается в том, являются ли ваши ссылки частью каких-либо табличных данных?

если да, то столы - это ваш выбор.Если нет, то вам следует использовать divs.

Важно использовать семантически правильный элемент для создания страницы, хотя другие элементы могут привести к тому же эффекту, возможно, с меньшими усилиями.

Что касается ваших ссылок, то, похоже, они не являются частью таблицы.Я бы предложил использовать divs и правильный css.

jrh ( младший )

Я не думаю, что столы - хороший выбор для этого.Простое наличие трех столбцов не является табличными данными в моей книге.С некоторой чистой разметкой и хорошей таблицей стилей у вас может быть гораздо более гибкий способ добиться этого.Если вы используете divs с плавающей запятой, просто присвойте им процентную ширину, чтобы они заполняли родительский контейнер (100 / количество элементов) на%.Таким образом, если вы хотите добавить еще один столбец, это простое изменение разметки одним изменением таблицы стилей.Таким образом, вам не придется иметь дело с шаткостью таблицы браузера и вы получите гораздо больше гибкости в ее дизайне - вдобавок ко всему, вы можете полностью изменить макет, не выходя из своей таблицы стилей.

Основной принцип, лежащий в основе HTML, заключается в "разметке" ЗНАЧЕНИЕ ваших данных.

Я буду использовать вышеприведенный принцип в качестве руководства:

  1. Если у вас есть 3 столбца только потому, что это выглядит красиво - тогда в ваших столбцах нет смысла, и вы должны попытаться использовать DIVs (которые являются бессмысленными элементами "контейнера").

  2. Если у вас есть 3 столбца, потому что есть 3 категории ссылок, то ТАБЛИЦА подойдет.Представьте, что если бы вы дали заголовки каждому списку ссылок - это создало бы ТАБЛИЦУ с THEAD необходимый.

  3. И фактически, каждый столбец представляет собой "неупорядоченный список", который преобразуется в элемент UL с элементами LI.

  4. И поскольку у вас есть список ссылок, вы будете использовать, конечно же, A elements.

Итак, исходя из первых принципов, у вас должна быть такая структура:

<DIV> or <TABLE> (with <TR>/<TD>)
 -> <UL>
 ----> <LI>
 -------- <A>

В отличие от других ответов, таблица могла бы быть семантическим решением.Если три раздела отличаются друг от друга и имеют название, вы можете использовать <th> для названий и <td> для каждой из ссылок.Я думаю, что это совершенно семантично.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top