5568 sujets
Sémantique web et HTML
On oublie : je pense que je vais partir sur cette solution :
http://techtabby.com/move-sidebar-content-website-wordpress-genesis/
@media...
#content-sidebar-wrap {display:table;}
#content {display:table-footer-group; float: none;}
#sidebar {display:table-header-group; float: none;}
http://techtabby.com/move-sidebar-content-website-wordpress-genesis/
Manhattan a écrit :
Étonnant. Je pensais que la logique était que le complément suive le complété dans la déclaration.
Bah! La sémantique est une chose, la syntaxe en est une autre,
Même en français où on privilégie cette logique on dit tout de même "une belle jeune fille" et non pas "une fille jeune belle"!
Et ça peut même être
Cela correspond à ce qu'on appelle des "inserts" dans un article de journal par exemple.
La position dans la page correspond à ce que l'auteur veut faire apparaître au lecteur..
Un être humain ne voit pas de différence entre ces balises; pour lui ce sont des blocs, on pourrait les mettre dans des <div> ça ne change rien.
Les balises <article>, <section>, <aside> et autres sont là pour guider la lecture par un programme, en particulier les "renifleurs". Il est intéressant pour eux de savoir qu'une partie du contenu est un "insert" et une autre correspond au sujet principal de la page.
<article>
<section>........</section>
<aside>....</aside>
<section>........</section>
</article>
ou d'autres combinaisons:un <aside> dans une section, un <aside> en dehors de l'article, etc.Cela correspond à ce qu'on appelle des "inserts" dans un article de journal par exemple.
La position dans la page correspond à ce que l'auteur veut faire apparaître au lecteur..
Un être humain ne voit pas de différence entre ces balises; pour lui ce sont des blocs, on pourrait les mettre dans des <div> ça ne change rien.
Les balises <article>, <section>, <aside> et autres sont là pour guider la lecture par un programme, en particulier les "renifleurs". Il est intéressant pour eux de savoir qu'une partie du contenu est un "insert" et une autre correspond au sujet principal de la page.