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: 386
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