{"id":2093,"date":"2012-12-11T17:54:29","date_gmt":"2012-12-11T15:54:29","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=2093"},"modified":"2012-12-11T18:03:27","modified_gmt":"2012-12-11T16:03:27","slug":"trait-dunion-et-fin-de-ligne","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/trait-dunion-et-fin-de-ligne\/","title":{"rendered":"Trait d’union et fin de ligne"},"content":{"rendered":"
\n

Attention:<\/strong> Les informations de ce billet sont susceptibles d'être obsolètes car vieux de plus 2 ans.<\/p>\n

Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div>

A chaque jour son lot de nouveaut\u00e9 dans les navigateur. Aujourd’hui j’apprend que les navigateurs r\u00e9cents (IE10 et Firefox en t\u00eate) arrivent \u00e0 prendre en charge correctement les traits d’union en fin de ligne<\/a> comme les journaux papiers d’antan. Pour ce faire vous aurez besoin de 2 ingr\u00e9dients indispensables:<\/p>\n

    \n
  1. un attribut lang<\/code> sur une balise de type block qui permet au navigateur de d\u00e9terminer la langue du texte utilis\u00e9 et donc d’appliquer les bonnes r\u00e8gles de c\u00e9sures en fin de ligne;<\/li>\n
  2. la propri\u00e9t\u00e9s CSS qui enclenche l’utilisation des trait d’union et qui s’appelle hyphen<\/code>;<\/li>\n<\/ol>\n

    Noter que si vous ne voulez pas vous emb\u00e9tez et que votre site est en une seul langue, il vous suffira d’ajouter l’attribut lang<\/code> \u00e0 la balise html. Une autre raison donc de ne plus omettre cette attribut la prochaine fois que vous codez un site.<\/p>\n

    Et hop, un nouvel outil assez sympa pour permettre une meilleur pr\u00e9sentation et\/ou organisation de vos textes dans un monde ou le Responsive Design devient la norme. D’ailleurs pour les plus chanceux d’entre vous, j’ai adapt\u00e9 la feuille de style principale de mon site pour qu’elle prenne en compte cette propri\u00e9t\u00e9 \ud83d\ude09 .<\/p>\n","protected":false},"excerpt":{"rendered":"

    lorsque HTML5 et CSS3 se compl\u00e8tent pour am\u00e9liorer votre quotidien<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"aside","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[745,140,746,743,744],"class_list":["post-2093","post","type-post","status-publish","format-aside","hentry","category-web","tag-cesure","tag-css3","tag-fin-de-ligne","tag-hyphen","tag-responsive-design","post_format-post-format-aside"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=2093"}],"version-history":[{"count":6,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2093\/revisions"}],"predecessor-version":[{"id":2104,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2093\/revisions\/2104"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=2093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=2093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=2093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}