2010-06-11 4 views
1

J'ai créé un organigramme en utilisant ASP.NET sur la page Web. La page Web utilise un DOCTYPE strict et les normes W3C suivantes.Comment gérer la sémantique HTML lorsque le code HTML est utilisé pour dessiner des diagrammes (comme organigramme)

Le graphique a une disposition hiérarchique définie par le champ Responsable dans la table qui contient les employés de l'organisation.

La disposition du graphique comporte des noeuds avec l'image de l'employé et d'autres détails tels que le titre du poste, le département et les coordonnées. Les nœuds sont magnifiquement disposés et reliés par des lignes (uniquement horizontales ou verticales ou les deux).

Un grand nombre d'éléments DIV sont utilisés (pour éviter la table) pour connecter les lignes et organiser la carte correctement. Comme suggéré par mon ami, en utilisant DIVs pour les lignes de connexion dans le tableau est sémantiquement faux. En outre, beaucoup de DIVs sont utilisés pour organiser le tableau.

Existe-t-il un moyen par lequel je peux le rendre sémantiquement correct? Ou, est-ce que j'utilise du HTML dans le mauvais but?

Répondre

1

Il semble que vous utilisiez le HTML pour quelque chose que vous ne devriez pas faire. Cela dit, les DIV sont censés être pour la division (sections) du document. Si chaque nœud est conceptuellement une unité, alors un DIV est probablement approprié. Si les nœuds ne sont pas une unité, vous pouvez utiliser un SPAN à la place.

Questions connexes