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

Я преобразовал свой календарь компании в XSL и изменил все таблицы на div. Это сработало очень хорошо, но у меня было много ошибок на 8 дней в неделю, из-за нестабильности межсетевого интервала. Но я читал еще одну статью о том, когда использовать таблицы v. Divs, и, как представляется, консенсус заключается в том, что вы должны использовать только div для истинных разделов между частями веб-страницы и использовать таблицы только для табличных данных.

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

Ответы

Ответ 1

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

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

Вот крутая статья о том, как одевать таблицы с CSS: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

Ответ 2

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

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

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

Ответ 3

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

Ответ 4

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

Ответ 5

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

Ответ 6

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

Также не думайте об этом как "divs vs. tables". Подумайте об этом как о таблицах и о правильном семантическом теге со значением. Когда я создаю страницы, я стараюсь использовать divs как можно меньше, во многих случаях вы можете использовать абзац, элемент списка и т.д.

Ответ 7

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

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

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

Ответ 8

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