Créer une structure sémantique pour les pages Web - les mannequins

Créer des pages sémantiquement pertinentes a été une bonne pratique sur le web depuis longtemps avant que l'iPad apparaisse, mais HTML5 construit des tags spéciaux pour faciliter la cohérence dans l'utilisation de la sémantique lors de la conception de pages Web.

L'idée de créer des pages sémantiquement pertinentes vient de l'inventeur du World Wide Web, Tim Berners-Lee, qui envisageait un «réseau de données» ayant signifiant , ou sémantique >.

La création d'une page Web avec structure sémantique a longtemps été considérée comme une bonne pratique, car elle donne plus de sens à la page Web. En HTML4 et XHTML, les concepteurs Web peuvent créer une structure sémantique en suivant des règles bien établies avec des balises HTML.

Par exemple, le titre le plus important sur une page doit être formaté avec la balise Titre 1 ou

. De même, la plupart des concepteurs de sites Web définissent désormais des styles de classe ou d'ID pour les sections principales d'un site avec des noms tels que l'en-tête et le pied de page pour identifier leur rôle et leur importance sur une page.

HTML5 pousse ce concept encore plus loin en ajoutant une série de nouveaux éléments sémantiques. Plutôt que de créer un style de classe ou d'ID et de l'appliquer à une balise, en HTML5, vous pouvez simplement utiliser des balises avec des noms comme et.

Ainsi, plutôt que d'utiliser des styles d'ID tels que, vous pouvez simplement utiliser. Tout comme les balises, cependant, aucune des nouvelles balises ne es , sauf si vous définissez un ensemble de règles de style qui correspondent au nom.

La construction de ces éléments sémantiques en HTML5 permet aux concepteurs de structurer les pages HTML de manière plus cohérente et est recommandée car elle rend les pages Web plus accessibles à quiconque utilise un lecteur d'écran pour lire des pages Web à voix haute. comme pour les robots de recherche et d'autres programmes qui ont besoin d'interpréter le contenu d'une page Web indépendamment de sa conception.

Pensez-y de cette façon: lorsque vous voyez une page Web, vous pouvez généralement dire par la conception quelle partie de la page est l'en-tête (il a la zone de navigation avec liens) et quel est le pied de page Autres détails). Mais aucun des robots, lecteurs et autres programmes qui ont besoin d'interpréter des pages Web ne peuvent "voir" le design, et c'est en partie la raison pour laquelle l'utilisation de la sémantique est importante.

La structure sémantique d'une page peut être indépendante du style et du positionnement du contenu, de sorte que vous pouvez créer une page qui a un sens car les sections reconnaissables constituent une structure logique. Pour vos visiteurs qui peuvent voir la page, vous pouvez mettre en forme des sections, telles que l'en-tête ou le pied de page, pour les afficher de la manière souhaitée dans un navigateur.