Если бы вы программировали календарь в HTML, использовали бы вы теги Table или Div?

Календарь — идеальная причина использовать стол! Календари по своей сути представляют табличные данные, а таблицы HTML хороши для представления табличных данных. А HTML-разметка таблиц предоставляет почти все CSS-хуки, которые вам нужны, чтобы связать селекторы CSS с различными частями таблицы, чтобы украсить ее.

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

Вот классная статья о том, как украсить столы с помощью CSS: https://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

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

Изменить: Определение 11 для "таблицы" на сайте answer.com гласит:

Упорядоченное расположение данных, особенно такое, при котором данные располагаются в столбцах и строках по существу прямоугольной формы.

Я думаю, что это определенно случай использования таблиц. Самой большой проблемой при использовании div будет высота блока для каждого отдельного дня. Если вы оформляете каждую коробку рамкой, они могут выглядеть некрасиво, если содержимое за один день длиннее, чем за другой. Дополнительная разметка, чтобы она выглядела правильно, будет больше, чем потребуется для ее создания с помощью таблицы, поэтому я не думаю, что в этом случае элементы div стоят дополнительных усилий.

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

Сделайте это в таблице.

Также не думайте об этом как о «divs против таблиц». Думайте об этом как о таблицах и правильном семантическом теге со значением. Когда я создаю страницы, я стараюсь использовать div как можно реже, во многих случаях вы можете использовать абзац, элемент списка и т. д.

Вы также можете рассмотреть упорядоченный список (недели) упорядоченных списков (дни) или просто один упорядоченный список (дни).

Есть другие, которые согласны с тем, что списковый подход — это хороший.

Другие предпочитают таблицы.

Только что наткнулся на эту тему после того, как задал тот же вопрос в другом месте. Хотя я полностью согласен с тем, что календарь — это скорее табличное представление данных, я думаю, что в многочисленных ответах «это зависит» есть правда. Например, я хочу показать плавающее всплывающее окно DIV при наведении указателя мыши на каждый день в календаре. При использовании таблицы всплывающее окно мерцает при перемещении курсора по календарю, поскольку всплывающее окно активно только на границе ячейки и на номере дня в самой ячейке. При использовании DIV всплывающее окно остается сплошным (без мерцания) все время, пока курсор находится над ячейкой календаря.

Таблицы предназначены для отображения табличных данных. Так что я бы сказал, что <table> идеален.