How to maintain the HTML semantics when HTML is used for drawing diagrams (like organizational chart

Posted by Vijay on Stack Overflow See other posts from Stack Overflow or by Vijay
Published on 2010-06-11T22:00:12Z Indexed on 2010/06/11 22:02 UTC
Read the original article Hit count: 390

Filed under:
|
|

I have created an organizational chart using ASP.NET on web page. The web page is using strict DOCTYPE and following W3C standards.

The chart has a hierarchical layout decided by the manager field in the table that contains employees in the organization.

The chart layout has nodes with employee image and other details like job title, department and contact details. Nodes are beautifully arranged and connected by lines (only horizontal or vertical or both).

A lot of DIV elements are used (to avoid table) for connecting lines and arranging the chart properly. As suggested by my friend, using DIVs for connecting lines in the chart is semantically wrong.

Is there a way by which I can make it semantically correct? Or, am I using HTML for the wrong purpose?

© Stack Overflow or respective owner

Related posts about ASP.NET

Related posts about html