{"id":113,"date":"2024-05-28T12:56:58","date_gmt":"2024-05-28T10:56:58","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=113"},"modified":"2024-09-02T13:14:10","modified_gmt":"2024-09-02T11:14:10","slug":"titres","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/titres\/","title":{"rendered":"Titres, titres alternatifs et paragraphes"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Titres, titres alternatifs et paragraphes<\/h1>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Titres<\/h2>\n\n\n\n<p>Les titres sont utilis\u00e9s pour cr\u00e9er une hi\u00e9rarchie visuelle dans la page, et permettent de trouver facilement une information. Cette hi\u00e9rarchisation est \u00e9galement importante pour le r\u00e9f\u00e9rencement naturel de la page.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Titre de niveau 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Titre de niveau 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Titre de niveau 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Titre de niveau 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Titre de niveau 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Titre de niveau 6<\/h6>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--60)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--70)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Titres alternatif<\/strong>s<\/h2>\n\n\n\n<p>Pour donner une plus grande libert\u00e9 \u00e9ditoriale et graphique, sans nuire \u00e0 la hi\u00e9rarchie de l\u2019information et au r\u00e9f\u00e9rencement nous vous proposons plusieurs niveaux de titres alternatifs (display). Vous pourrez les utiliser pour les mise en avant, les banni\u00e8res, etc.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-default-grey-color has-text-color has-link-color has-display-xl-font-size wp-elements-0878553e3c8d2e35500ea206e4ec8911\"><strong>Titre alternatif XL<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-text-default-grey-color has-text-color has-link-color has-display-lg-font-size wp-elements-eacd1929c3fd05ac5bf7a037e05a88d7\"><strong>Titre alternatif LG<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-text-default-grey-color has-text-color has-link-color has-display-md-font-size wp-elements-d1a04ce95e9c70037450fffe8e21774c\"><strong>Titre alternatif <\/strong>MD<\/h3>\n\n\n\n<h4 class=\"wp-block-heading has-text-default-grey-color has-text-color has-link-color has-display-sm-font-size wp-elements-d1a4acb51b7e2cb80e7aa48ab44c824c\"><strong>Titre alternatif <\/strong>SM<\/h4>\n\n\n\n<h5 class=\"wp-block-heading has-text-default-grey-color has-text-color has-link-color has-display-xs-font-size wp-elements-7345c6d082026387467e9a4858256587\"><strong>Titre alternatif X<\/strong>S<\/h5>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--60)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Corps de texte<\/h2>\n\n\n\n<p>Les styles de texte sont l\u00e0 pour vous aider \u00e0 concevoir vos interfaces efficacement et assurer l\u2019homog\u00e9n\u00e9it\u00e9 entre les diff\u00e9rents sites.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-xl-font-size\">Chap\u00f4 &#8211; Chap\u00f4 \u00e0 utiliser pour les introductions ou accroches.<\/p>\n\n\n\n<p class=\"has-lg-font-size\">Texte article &#8211; Corps de texte r\u00e9serv\u00e9 aux usages \u00e9ditoriaux (type : actualit\u00e9s, blog) afin d\u2019amener un plus grand confort de lecture.<\/p>\n\n\n\n<p class=\"has-md-font-size\">Texte standard &#8211; Corps de texte par d\u00e9faut, \u00e0 utiliser pour le texte courant et dans la majorit\u00e9 des cas.<br>C\u2019est le style de texte utilis\u00e9 par d\u00e9faut dans le set d\u00e9velopp\u00e9.<\/p>\n\n\n\n<p class=\"has-sm-font-size\">Texte d\u00e9tail &#8211; \u00c0 utiliser en corps de texte uniquement au sein de certains composants.<\/p>\n\n\n\n<p class=\"has-xs-font-size\">Texte mention &#8211; \u00c0 utiliser pour les mentions, l\u00e9gendes ou autres informations mineures, qui ne doivent pas perturber la lecture de l\u2019information.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Titres, titres alternatifs et paragraphes Titres Les titres sont utilis\u00e9s pour cr\u00e9er une hi\u00e9rarchie visuelle dans la page, et permettent de trouver facilement une information. Cette hi\u00e9rarchisation est \u00e9galement importante pour le r\u00e9f\u00e9rencement naturel de la page. Titre de niveau 1 Titre de niveau 2 Titre de niveau 3 Titre de niveau 4 Titre de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/empty-page.php","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":1,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":485,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/113\/revisions\/485"}],"up":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}