Предложение по семантической разметке

Question

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

Моя первоначальная мысль состоит в том, чтобы отделить верхнюю половину от нижней половины через div. Поэтому разметка для вершины довольно проста. Оставляя дно, где я чувствую себя в тупике. Самый простой ответ - это таблица, но этот контент не просто подходит для таблиц табличных данных только для использования. Особенно учитывая, что заголовки выглядели бы заметными в этом макете. Предложения?

Need Semantic Markup for this Image http://img183.imageshack.us/img183/2261/semanticmarkup.png

Answer 1

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

Answer 2

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

Answer 3

Вы не нарушаете ничего, что помещаете в табличную форму. Конечно, некоторые люди будут скулить по этому поводу, но это достаточно близко к табличным данным, которые вы можете также.

Answer 4

Я согласен с Андреем. Это табличные данные, поэтому вы должны использовать <table>, но имейте в виду, что вы должны правильно определять заголовки, столбцы и нижние колонтитулы таблицы.

Ваш другой вариант - пойти без таблицы без заголовка, где вы должны использовать <div> для верхнего и нижнего колонтитула и <table> как тело. Однако я не рекомендую это делать. Одна из причин заключалась бы в том, что вам нужны заголовки для таких вещей, как сортировка на стороне клиента, если вы используете JavaScript.