03-01-2014, 06:16 PM
Table/thead/tbody/tfoot/tr/td/th sont des balises html sémantiques, et ne sont à utiliser que si les données sont tabulaires (des données dépendantes de deux paramètres, des matrices, etc...)
Parfois, comme ici, on aimerait une apparence de "tableau" sans que les données soient véritablement tabulaires, et en ce cas, l'utilisation d'un attribut (ici, @role) est à privilégier, sinon un lecteur d'écran ou un robot d'indexation considèrerait que le site est un tableau géant, alors qu'en pratique, il s'agit juste d'une méthode de présentation.
Mais je suis d'accord: j'aurai également choisi une @class puisqu'il s'agit de présentation, et non pas créé un nouvel attribut @role (d'autant que cela rend la page non-conforme à html5, les attributs persos devant être précédés d'un "data-" il me semble, donc, @data-role serait à utiliser).
Et idem pour l'attribut span:
Et, oui, faire des @class="row span-11", c'est lourd voir moche, mais c'est le plus propre. D'ailleurs, dans un tel cas, "span" est un peu trop vague à mon gout...
Sinon, flex est vraiment terrible en CSS3
Parfois, comme ici, on aimerait une apparence de "tableau" sans que les données soient véritablement tabulaires, et en ce cas, l'utilisation d'un attribut (ici, @role) est à privilégier, sinon un lecteur d'écran ou un robot d'indexation considèrerait que le site est un tableau géant, alors qu'en pratique, il s'agit juste d'une méthode de présentation.
Mais je suis d'accord: j'aurai également choisi une @class puisqu'il s'agit de présentation, et non pas créé un nouvel attribut @role (d'autant que cela rend la page non-conforme à html5, les attributs persos devant être précédés d'un "data-" il me semble, donc, @data-role serait à utiliser).
Et idem pour l'attribut span:
- Si c'est la structure de la page → balise html (table)
- Si c'est des données sémantiques → Texte dans la balise (textNode) ou attribut @data-*
- Si c'est de la présentation → attribut @class
- Si c'est pour identifier l'objet de façon unique → attribut @id
Et, oui, faire des @class="row span-11", c'est lourd voir moche, mais c'est le plus propre. D'ailleurs, dans un tel cas, "span" est un peu trop vague à mon gout...
Sinon, flex est vraiment terrible en CSS3