Как сохранить семантику HTML, когда HTML используется для рисования диаграмм (например, организационной диаграммы)

Question

Я создал организационную схему с использованием ASP.NET на веб-странице.Веб-страница использует строгий DOCTYPE и соответствует стандартам W3C.

Диаграмма имеет иерархическую схему, определяемую полем менеджера в таблице, в которой содержатся сотрудники организации.

Схема схемы имеет узлы с изображением сотрудника и другими деталями, такими как должность, отдел иКонтактная информация.Узлы красиво расположены и соединены линиями (только горизонтальные или вертикальные или оба).

Множество элементов DIV используются (чтобы избежать таблицы) для соединения линий и правильного размещения диаграммы.Как предположил мой друг, семантически неправильно использовать DIV для соединения линий на графике.Кроме того, многие DIV используются для упорядочивания диаграммы.

Есть ли способ, которым я могу сделать его семантически правильным?Или я использую HTML для неправильной цели?

Answer 1

Похоже, вы используете HTML для чего-то, что вы не должны.Сказав это, DIVs должны быть для разделения (разделов) документа.Если каждый узел концептуально является единицей, то, вероятно, уместен DIV.Если узлы не являются единым целым, вы можете использовать вместо них SPAN.