HTML5 \u00e9tant encore en brouillon, certains de ses \u00e9l\u00e9ments sont parfois revus dans leur d\u00e9finition. En substance ou sur un d\u00e9tail il est important de savoir de quoi l’on parle avant d’utiliser tel ou tel \u00e9l\u00e9ment. L’id\u00e9e premi\u00e8re est de ne pas utiliser cet \u00e9l\u00e9ment pour ses styles ou \u00e0 la place d’un autre, tout en b\u00e9n\u00e9ficiant de sa s\u00e9mantique.<\/p>\n
aside<\/code><\/h2>\nSouvent confondu avec la sidebar d’un site web, cet \u00e9l\u00e9ment est cens\u00e9 repr\u00e9senter un compl\u00e9ment d’information li\u00e9 \u00e0 une information principale. La barre lat\u00e9rale d’un site web n’a que rarement ce r\u00f4le direct de compl\u00e9ment \u00e0 l’information principale de la page, elle est parfois une autre mani\u00e8re de proposer une navigation transversale ou proposer des informations suppl\u00e9mentaires (et non compl\u00e9mentaires) \u00e0 propos du site web, et non \u00e0 propos du contenu de la page en elle m\u00eame.<\/p>\n
L’\u00e9l\u00e9ment aside<\/code> est donc utilisable pour apporter un contenu \u00e0 un \u00e9l\u00e9ment pr\u00e9cis, mais pas forc\u00e9ment \u00e0 la totalit\u00e9 de la page.<\/p>\n<body>\r\n \r\n <h1>Titre de ma page<\/h1>\r\n \r\n <article>\r\n \r\n <div>\r\n <!-- Ceci est le contenu de mon article -->\r\n <\/div>\r\n <aside>\r\n <!-- L'information compl\u00e9mentaire \u00e0 l'article -->\r\n <\/aside>\r\n \r\n <\/article>\r\n \r\n <aside>\r\n <!-- Contenu compl\u00e9mentaire \u00e0 la page courante, mais pas \u00e0 l'article au dessus -->\r\n <\/aside>\r\n \r\n<\/body><\/code><\/pre>\nVoil\u00e0 pour l’exemple simplifi\u00e9.
\nIci nous avons un aside<\/code> associ\u00e9 directement \u00e0 un article<\/code>, qui apporte donc un compl\u00e9ment d’information \u00e0 l’article, puis plus bas un aside<\/code> qui apporte un compl\u00e9ment \u00e0 la page compl\u00e8te, puisqu’il n’y a aucun \u00e9l\u00e9ment de section parent de cet aside<\/code>.<\/p>\nN’oubliez pas que l’utilisation de l’\u00e9l\u00e9ment ne doit pas forc\u00e9ment signifier la d\u00e9finition d’une zone styl\u00e9e diff\u00e9remment, ou inversement le style d’un contenu de type \u00ab\u00a0sidebar\u00a0\u00bb n’indique pas forc\u00e9ment le besoin d’utiliser l’\u00e9l\u00e9ment aside<\/code>.
\nS\u00e9parez bien fond et forme. (cela ne veut pas dire que les deux ne peuvent pas \u00eatre associ\u00e9s ;p)<\/p>\n