{"id":2143,"date":"2020-07-01T18:31:17","date_gmt":"2020-07-01T16:31:17","guid":{"rendered":"https:\/\/www.spinat.fr\/?post_type=definition&#038;p=2143"},"modified":"2020-07-02T10:58:01","modified_gmt":"2020-07-02T08:58:01","slug":"header","status":"publish","type":"definition","link":"https:\/\/www.spinat.fr\/en\/definition\/header\/","title":{"rendered":"Header"},"content":{"rendered":"<p>En Web design, le <strong>header<\/strong> fait r\u00e9f\u00e9rence \u00e0 la zone d\u2019un site Internet s\u2019affichant tout en haut de la page.<\/p>\n<p>Selon les sites et selon les th\u00e8mes, les \u00e9l\u00e9ments qui apparaissent dans un <strong>header<\/strong> peuvent varier. Toutefois il y a quelques points communs que l\u2019on retrouve presque toujours : le nom ou le logo du site Web, le menu principal (qu\u2019il soit enti\u00e8rement affich\u00e9 ou disponible via un bouton \u00ab burger \u00bb), un champ de recherche ou une ic\u00f4ne (type loupe) pour afficher le champ de recherche, les ic\u00f4nes relatives \u00e0 l\u2019achat si le site est e-commerce et des liens vers les r\u00e9seaux sociaux.<\/p>\n<p>Lorsque vous cr\u00e9ez un site Web, la zone <strong>header<\/strong> doit \u00eatre particuli\u00e8rement soign\u00e9e et r\u00e9fl\u00e9chie : constituant un point d\u2019entr\u00e9e majeur dans la consultation de votre site, elle doit repr\u00e9senter un bon \u00e9quilibre entre l\u2019aspect purement esth\u00e9tique et original de votre image, la pr\u00e9sentation d\u2019informations claires et l\u2019objectif de donner envie \u00e0 l\u2019utilisateur de poursuivre sa navigation.<\/p>\n<p>Le <strong>header<\/strong> peut ainsi \u00eatre tr\u00e8s \u00e9pur\u00e9 et ne pr\u00e9senter que quelques informations cl\u00e9s, \u00eatre positionn\u00e9 sur le c\u00f4t\u00e9 dans une barre lat\u00e9rale ou encore \u00eatre tr\u00e8s traditionnel avec tous les \u00e9l\u00e9ments les plus courants.<\/p>\n\n<script type=\"application\/ld+json\">\n\t{\n\t\t\"@context\": \"https:\/\/schema.org\",\n\t\t\"@type\": \"FAQPage\",\n\t\t\"mainEntity\": [\n\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Qu'est ce qu'un header ?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"En Web design, le header fait r\u00e9f\u00e9rence \u00e0 la zone d\u2019un site Internet s\u2019affichant tout en haut de la page. Selon les sites et selon les th\u00e8mes, les \u00e9l\u00e9ments qui apparaissent dans un header peuvent varier. Toutefois il y a quelques points communs que l\u2019on retrouve presque toujours : le nom ou le logo du site Web, le menu principal (qu\u2019il soit enti\u00e8rement affich\u00e9 ou disponible via un bouton \u00ab burger \u00bb), un champ de recherche ou une ic\u00f4ne (type loupe) pour afficher le champ de recherche, les ic\u00f4nes relatives \u00e0 l\u2019achat si le site est e-commerce et des liens vers les r\u00e9seaux sociaux. Lorsque vous cr\u00e9ez un site Web, la zone header doit \u00eatre particuli\u00e8rement soign\u00e9e et r\u00e9fl\u00e9chie : constituant un point d\u2019entr\u00e9e majeur dans la consultation de votre site, elle doit repr\u00e9senter un bon \u00e9quilibre entre l\u2019aspect purement esth\u00e9tique et original de votre image, la pr\u00e9sentation d\u2019informations claires et l\u2019objectif de donner envie \u00e0 l\u2019utilisateur de poursuivre sa navigation. Le header peut ainsi \u00eatre tr\u00e8s \u00e9pur\u00e9 et ne pr\u00e9senter que quelques informations cl\u00e9s, \u00eatre positionn\u00e9 sur le c\u00f4t\u00e9 dans une barre lat\u00e9rale ou encore \u00eatre tr\u00e8s traditionnel avec tous les \u00e9l\u00e9ments les plus courants.\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n<\/script>\n\n\n\n","protected":false},"featured_media":0,"template":"","definitions_cat":[96],"_links":{"self":[{"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/definition\/2143"}],"collection":[{"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/definition"}],"about":[{"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/types\/definition"}],"version-history":[{"count":0,"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/definition\/2143\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/media?parent=2143"}],"wp:term":[{"taxonomy":"definitions_cat","embeddable":true,"href":"https:\/\/www.spinat.fr\/en\/wp-json\/wp\/v2\/definitions_cat?post=2143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}