{"id":12631,"date":"2026-10-14T14:34:44","date_gmt":"2026-10-14T06:34:44","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/"},"modified":"2026-10-14T14:34:44","modified_gmt":"2026-10-14T06:34:44","slug":"comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","title":{"rendered":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende"},"content":{"rendered":"<p data-nodeid=\"19402\">Ce guide couvre les six \u00e9l\u00e9ments les plus utilis\u00e9s<em data-nodeid=\"19528\">de texte et d&#8217;annotation<\/em>dans PlantUML. Dans chaque exemple, j&#8217;applique les conventions de la maison :<code data-backticks=\"1\" data-nodeid=\"19524\">skinparam defaultFontSize 14<\/code>et<code data-backticks=\"1\" data-nodeid=\"19526\">skinparam defaultFontColor #333333<\/code>en haut du fichier.<\/p>\n<p data-nodeid=\"19403\">Une orientation rapide sur l&#8217;emplacement de chaque \u00e9l\u00e9ment par rapport au corps du diagramme :<\/p>\n<table data-nodeid=\"19405\">\n<thead data-nodeid=\"19406\">\n<tr data-nodeid=\"19407\">\n<th data-nodeid=\"19409\">\u00c9l\u00e9ment<\/th>\n<th data-nodeid=\"19410\">Position sur l&#8217;image rendue<\/th>\n<th data-nodeid=\"19411\">Bloc multi-lignes ?<\/th>\n<th data-nodeid=\"19412\">Objectif<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"19417\">\n<tr data-nodeid=\"19418\">\n<td data-nodeid=\"19419\"><code data-backticks=\"1\" data-nodeid=\"19534\">titre<\/code><\/td>\n<td data-nodeid=\"19420\">Haut au centre<\/td>\n<td data-nodeid=\"19421\">Oui (<code data-backticks=\"1\" data-nodeid=\"19537\">fin titre<\/code>)<\/td>\n<td data-nodeid=\"19422\">Nom \/ version du diagramme<\/td>\n<\/tr>\n<tr data-nodeid=\"19423\">\n<td data-nodeid=\"19424\"><code data-backticks=\"1\" data-nodeid=\"19540\">en-t\u00eate<\/code><\/td>\n<td data-nodeid=\"19425\">Au-dessus du diagramme (en-t\u00eate de page)<\/td>\n<td data-nodeid=\"19426\">Oui (<code data-backticks=\"1\" data-nodeid=\"19543\">find'en-t\u00eate<\/code>)<\/td>\n<td data-nodeid=\"19427\">Contexte, nom de l&#8217;organisation, classification<\/td>\n<\/tr>\n<tr data-nodeid=\"19428\">\n<td data-nodeid=\"19429\"><code data-backticks=\"1\" data-nodeid=\"19546\">pied de page<\/code><\/td>\n<td data-nodeid=\"19430\">En dessous du diagramme (pied de page)<\/td>\n<td data-nodeid=\"19431\">Oui (<code data-backticks=\"1\" data-nodeid=\"19549\">fin pied de page<\/code>)<\/td>\n<td data-nodeid=\"19432\">Auteur, outil, horodatage<\/td>\n<\/tr>\n<tr data-nodeid=\"19433\">\n<td data-nodeid=\"19434\"><code data-backticks=\"1\" data-nodeid=\"19552\">l\u00e9gende<\/code><\/td>\n<td data-nodeid=\"19435\">Juste en dessous du diagramme<\/td>\n<td data-nodeid=\"19436\">Non (une seule ligne)<\/td>\n<td data-nodeid=\"19437\">Num\u00e9rotation des figures<\/td>\n<\/tr>\n<tr data-nodeid=\"19438\">\n<td data-nodeid=\"19439\"><code data-backticks=\"1\" data-nodeid=\"19556\">l\u00e9gende<\/code><\/td>\n<td data-nodeid=\"19440\">Coin du diagramme<\/td>\n<td data-nodeid=\"19441\">Oui (<code data-backticks=\"1\" data-nodeid=\"19559\">finl\u00e9gende<\/code>)<\/td>\n<td data-nodeid=\"19442\">Cl\u00e9 des symboles \/ d\u00e9codage<\/td>\n<\/tr>\n<tr data-nodeid=\"19443\">\n<td data-nodeid=\"19444\"><code data-backticks=\"1\" data-nodeid=\"19562\">note<\/code><\/td>\n<td data-nodeid=\"19445\">Attach\u00e9 ou flottant pr\u00e8s des \u00e9l\u00e9ments<\/td>\n<td data-nodeid=\"19446\">Les deux formes<\/td>\n<td data-nodeid=\"19447\">Commentaire sur un \u00e9l\u00e9ment sp\u00e9cifique<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"19448\"\/>\n<h2 data-nodeid=\"19449\">1. Titre<\/h2>\n<p data-nodeid=\"19450\">Le titre du diagramme est centr\u00e9 en haut. Il prend en charge le balisage en ligne (<code data-backticks=\"1\" data-nodeid=\"19568\">&lt;taille&gt;<\/code>, <code data-backticks=\"1\" data-nodeid=\"19570\">&lt;b&gt;<\/code>, <code data-backticks=\"1\" data-nodeid=\"19572\">&lt;couleur&gt;<\/code>, <code data-backticks=\"1\" data-nodeid=\"19574\">&lt;u&gt;<\/code>, <code data-backticks=\"1\" data-nodeid=\"19576\">&lt;i&gt;<\/code>) et une forme multiligne.<\/p>\n<p data-nodeid=\"19451\"><strong data-nodeid=\"19581\">Forme simple :<\/strong><\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19452\"><code data-language=\"plantuml-snippet\">title Service de traitement des commandes\r\n<\/code><\/pre>\n<p data-nodeid=\"19453\"><strong data-nodeid=\"19585\">Forme multiligne avec mise en forme :<\/strong><\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19454\"><code data-language=\"plantuml-snippet\">title\r\n&lt;size=20&gt;&lt;b&gt;Service de traitement des commandes&lt;\/b&gt;&lt;\/size&gt;\r\n&lt;size=14&gt;&lt;color=#555555&gt;Diagramme de contexte - v1.0&lt;\/color&gt;&lt;\/size&gt;\r\nendtitle\r\n<\/code><\/pre>\n<p data-nodeid=\"19455\"><strong data-nodeid=\"19590\">Avec un mod\u00e8le de sous-titre :<\/strong> PlantUML n&#8217;a pas de mot-cl\u00e9 d\u00e9di\u00e9 pour les sous-titres, il faut donc l&#8217;\u00e9muler avec une deuxi\u00e8me ligne plus petite, comme illustr\u00e9 ci-dessus.<\/p>\n<p data-nodeid=\"19456\"><strong data-nodeid=\"19594\">Pi\u00e8ges courants<\/strong><\/p>\n<ul data-nodeid=\"19457\">\n<li data-nodeid=\"19458\">\n<p data-nodeid=\"19459\"><code data-backticks=\"1\" data-nodeid=\"19595\">titre<\/code> sans <code data-backticks=\"1\" data-nodeid=\"19597\">end title<\/code> est acceptable <em data-nodeid=\"19605\">uniquement<\/em> pour une seule ligne. Si vous \u00e9crivez quoi que ce soit sur la ligne suivante, PlantUML le traitera comme faisant partie du titre uniquement si vous avez ouvert un bloc avec <code data-backticks=\"1\" data-nodeid=\"19603\">end title<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"19460\">\n<p data-nodeid=\"19461\">Les balises HTML en ligne doivent \u00eatre ferm\u00e9es (<code data-backticks=\"1\" data-nodeid=\"19607\">&lt;b&gt;...&lt;\/b&gt;<\/code>) ou le rendu sera impr\u00e9visible.<\/p>\n<\/li>\n<li data-nodeid=\"19462\">\n<p data-nodeid=\"19463\">Le titre fait partie du diagramme, il appara\u00eet donc dans les exports \u2014 ne le dupliquez pas dans la l\u00e9gende du nom de fichier.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"19464\"\/>\n<h2 data-nodeid=\"19465\">2. En-t\u00eate<\/h2>\n<p data-nodeid=\"19466\">L&#8217;en-t\u00eate s&#8217;affiche <em data-nodeid=\"19618\">au-dessus<\/em> le corps du diagramme, s\u00e9par\u00e9 de celui-ci. Utilisez-le pour le contexte organisationnel, les banni\u00e8res de classification ou les identifiants de document. Format sur une seule ligne ou en bloc :<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19467\"><code data-language=\"plantuml-snippet\">header Architecture Review Board - Interne\r\n<\/code><\/pre>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19468\"><code data-language=\"plantuml-snippet\">header\r\n&lt;font color=#777777 size=12&gt;Architecture Review Board&lt;\/font&gt;\r\nendheader\r\n<\/code><\/pre>\n<p data-nodeid=\"19469\"><strong data-nodeid=\"19635\">Quand utiliser l&#8217;en-t\u00eate plut\u00f4t que le titre :<\/strong> le <code data-backticks=\"1\" data-nodeid=\"19623\">titre<\/code> d\u00e9crit <em data-nodeid=\"19636\">ce que repr\u00e9sente le diagramme<\/em>; l&#8217;<code data-backticks=\"1\" data-nodeid=\"19629\">en-t\u00eate<\/code> d\u00e9crit <em data-nodeid=\"19637\">le contexte du document auquel il appartient<\/em> (organisation, confidentialit\u00e9, diffusion). Les garder s\u00e9par\u00e9s vous permet d&#8217;apposer de nombreux diagrammes avec le m\u00eame en-t\u00eate.<\/p>\n<hr data-nodeid=\"19470\"\/>\n<h2 data-nodeid=\"19471\">3. Pied de page<\/h2>\n<p data-nodeid=\"19472\">Le pied de page fait \u00e9cho \u00e0 l&#8217;en-t\u00eate en bas. Id\u00e9al pour l&#8217;attribution, les outils et les horodatages.<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19473\"><code data-language=\"plantuml-snippet\">footer Pr\u00e9par\u00e9 avec Visual Paradigm VPasCode\r\n<\/code><\/pre>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19474\"><code data-language=\"plantuml-snippet\">footer\r\n&lt;font color=#777777 size=11&gt;Pr\u00e9par\u00e9 avec Visual Paradigm VPasCode - G\u00e9n\u00e9r\u00e9 en 2025&lt;\/font&gt;\r\nendfooter\r\n<\/code><\/pre>\n<p data-nodeid=\"19475\"><strong data-nodeid=\"19648\">Conseil :<\/strong> PlantUML remplace <code data-backticks=\"1\" data-nodeid=\"19644\">%date%<\/code> (et <code data-backticks=\"1\" data-nodeid=\"19646\">%time%<\/code>) dans le texte d&#8217;en-t\u00eate\/pied de page\/titre, ce qui est pratique pour les exports estampill\u00e9s :<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19476\"><code data-language=\"plantuml-snippet\">footer Rendu %date%\r\n<\/code><\/pre>\n<hr data-nodeid=\"19477\"\/>\n<h2 data-nodeid=\"19478\">4. L\u00e9gende<\/h2>\n<p data-nodeid=\"19479\">Une <code data-backticks=\"1\" data-nodeid=\"19651\">l\u00e9gende<\/code> est une ligne unique plac\u00e9e <strong data-nodeid=\"19659\">directement en dessous<\/strong> du diagramme. C&#8217;est l&#8217;endroit idiomatique pour la num\u00e9rotation des figures dans les documents (s&#8217;associe naturellement \u00e0 un <code data-backticks=\"1\" data-nodeid=\"19657\">titre<\/code> ci-dessus).<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19480\"><code data-language=\"plantuml-snippet\">caption Figure 1. Service de commande et ses collaborateurs\r\n<\/code><\/pre>\n<p data-nodeid=\"19481\">Contrairement \u00e0 <code data-backticks=\"1\" data-nodeid=\"19661\">titre<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19663\">en-t\u00eate<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19665\">pied de page<\/code>, <code data-backticks=\"1\" data-nodeid=\"19667\">l\u00e9gende<\/code> prend une seule ligne \u2014 pas de <code data-backticks=\"1\" data-nodeid=\"19669\">fin de l\u00e9gende<\/code> bloc n&#8217;est pas n\u00e9cessaire ou attendu. Gardez-le court et au style de r\u00e9f\u00e9rence.<\/p>\n<hr data-nodeid=\"19482\"\/>\n<h2 data-nodeid=\"19483\">5. L\u00e9gende<\/h2>\n<p data-nodeid=\"19484\">La l\u00e9gende est une cl\u00e9 encadr\u00e9e affich\u00e9e dans un coin du diagramme. Elle accepte du texte enrichi et une syntaxe de tableau simple (<code data-backticks=\"1\" data-nodeid=\"19673\">| |<\/code> cellules). Le positionnement est contr\u00f4l\u00e9 par un mot-cl\u00e9 : <code data-backticks=\"1\" data-nodeid=\"19675\">haut<\/code>, <code data-backticks=\"1\" data-nodeid=\"19677\">bas<\/code>, <code data-backticks=\"1\" data-nodeid=\"19679\">gauche<\/code>, <code data-backticks=\"1\" data-nodeid=\"19681\">droite<\/code>, ou <code data-backticks=\"1\" data-nodeid=\"19683\">centre<\/code>.<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19485\"><code data-language=\"plantuml-snippet\">legend droite\n  |= \u00c9tat |= Signification |\n  | Nouveau | Cr\u00e9\u00e9, non pay\u00e9 |\n  | Pay\u00e9 | Paiement captur\u00e9 |\n  | Exp\u00e9di\u00e9 | Remis au transporteur |\nendlegend\n<\/code><\/pre>\n<p data-nodeid=\"19486\"><strong data-nodeid=\"19688\">Options de positionnement<\/strong><\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19487\"><code data-language=\"plantuml-snippet\">legend haut gauche\n  Fl\u00e8che pleine = appel synchrone\n  Fl\u00e8che pointill\u00e9e = \u00e9v\u00e9nement asynchrone\nendlegend\n<\/code><\/pre>\n<p data-nodeid=\"19488\"><strong data-nodeid=\"19705\">Quand utiliser une l\u00e9gende plut\u00f4t qu&#8217;une note :<\/strong> une <code data-backticks=\"1\" data-nodeid=\"19693\">l\u00e9gende<\/code> d\u00e9crypte la notation utilis\u00e9e <em data-nodeid=\"19706\">dans tout<\/em> le diagramme (ce que signifie un symbole, un style de ligne ou une couleur). Une <code data-backticks=\"1\" data-nodeid=\"19699\">note<\/code> commente <em data-nodeid=\"19707\">un \u00e9l\u00e9ment sp\u00e9cifique<\/em>. Si votre lecteur doit rechercher un symbole \u00e0 plusieurs endroits, promouvez-le vers une l\u00e9gende.<\/p>\n<hr data-nodeid=\"19489\"\/>\n<h2 data-nodeid=\"19490\">6. Note<\/h2>\n<p data-nodeid=\"19491\">Les notes attachent des commentaires \u00e0 un \u00e9l\u00e9ment unique ou flottent librement. Il existe trois styles d&#8217;appel.<\/p>\n<p data-nodeid=\"19492\"><strong data-nodeid=\"19713\">Note sur une seule ligne attach\u00e9e \u00e0 un \u00e9l\u00e9ment :<\/strong><\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19493\"><code data-language=\"plantuml-snippet\">note top of Order : Note flottante sur une seule ligne\r\n<\/code><\/pre>\n<p data-nodeid=\"19494\"><strong data-nodeid=\"19717\">Note sur plusieurs lignes attach\u00e9e \u00e0 un \u00e9l\u00e9ment :<\/strong><\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19495\"><code data-language=\"plantuml-snippet\">note right of Order\r\n  Note sur plusieurs lignes\r\n  avec un **formatage** libre\r\nend note\r\n<\/code><\/pre>\n<p data-nodeid=\"19496\"><strong data-nodeid=\"19722\">Note autonome (flottante) :<\/strong> donnez-lui un alias afin qu&#8217;il puisse \u00eatre li\u00e9 ou positionn\u00e9 ult\u00e9rieurement.<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19497\"><code data-language=\"plantuml-snippet\">note \"Note autonome ancr\u00e9e via un alias\" as N1\r\n<\/code><\/pre>\n<p data-nodeid=\"19498\"><strong data-nodeid=\"19739\">Mots-cl\u00e9s de placement pour les notes attach\u00e9es :<\/strong> <code data-backticks=\"1\" data-nodeid=\"19727\">top<\/code>, <code data-backticks=\"1\" data-nodeid=\"19729\">bottom<\/code>, <code data-backticks=\"1\" data-nodeid=\"19731\">left<\/code>, <code data-backticks=\"1\" data-nodeid=\"19733\">right<\/code> de <code data-backticks=\"1\" data-nodeid=\"19735\">&lt;\u00e9l\u00e9ment&gt;<\/code>. Vous pouvez combiner deux directions dans les versions plus r\u00e9centes (par exemple, <code data-backticks=\"1\" data-nodeid=\"19737\">note top left of<\/code>), mais le placement dans une seule direction est le plus portable.<\/p>\n<p data-nodeid=\"19499\"><strong data-nodeid=\"19743\">Pi\u00e8ges<\/strong><\/p>\n<ul data-nodeid=\"19500\">\n<li data-nodeid=\"19501\">\n<p data-nodeid=\"19502\">La forme sur une seule ligne apr\u00e8s <code data-backticks=\"1\" data-nodeid=\"19745\">:<\/code> est r\u00e9serv\u00e9e aux lignes uniques \u2014 utilisez le <code data-backticks=\"1\" data-nodeid=\"19747\">end note<\/code> bloc pour plusieurs lignes.<\/p>\n<\/li>\n<li data-nodeid=\"19503\">\n<p data-nodeid=\"19504\">\u00c0 l&#8217;int\u00e9rieur de <code data-backticks=\"1\" data-nodeid=\"19750\">end note<\/code> les blocs, le balisage en ligne standard et m\u00eame les diagrammes\/diagrammes imbriqu\u00e9s fonctionnent ; \u00e9vitez les guillemets non \u00e9chapp\u00e9s isol\u00e9s<code data-backticks=\"1\" data-nodeid=\"19752\">--<\/code> que certains analyseurs interpr\u00e8tent comme un s\u00e9parateur.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"19505\"\/>\n<h2 data-nodeid=\"19506\">7. Tout assembler<\/h2>\n<p data-nodeid=\"19507\">Ce qui suit valide proprement et d\u00e9montre tous les \u00e9l\u00e9ments dans un seul diagramme. Remarques :<code data-backticks=\"1\" data-nodeid=\"19756\">en-t\u00eate<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19758\">pied de page<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19760\">titre<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19762\">l\u00e9gende<\/code> encadrent le diagramme de l&#8217;ext\u00e9rieur vers l&#8217;int\u00e9rieur, tandis que le <code data-backticks=\"1\" data-nodeid=\"19764\">l\u00e9gende<\/code> et <code data-backticks=\"1\" data-nodeid=\"19766\">note<\/code> vivent \u00e0 l&#8217;int\u00e9rieur de la zone de dessin du diagramme.<\/p>\n<p id=\"vJbjvUy\"><img alt=\"\" class=\"alignnone size-full wp-image-22006\" decoding=\"async\" height=\"869\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5-1536x697.png 1536w\" width=\"1914\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLB1Rjim3BqRy3yGwBKn6gpN3KrJ5EYXMB00sPcH6LkeB1eKxQv5FdwYahIzr0TPukDxZwHqbnH5fo7KLNhnSKJ10Lewu1JqaQDk_Jl1ylORTCs11Qv-bA-kwgedR4bW9QxtIaud8VX3iwTNk6UK5XRm59KaOh1qzHe8VejnDiAEKlAnWot9x1tbv7KseNyA3nuxyvwNpOqH7OxgESAZxynYsPn5qfc9iGMl2Ho7W7iML9Pan0Ep5ZFApL0BKp7S-JHXW4tkh_NT0BiDfZMtP0nqcGlhAIaF9DcQXv4ZHOM_j5-DuzT8AM8xkxfgKN6FwTpSmxqfNJHWiVZrGJxzI-YJVTbzXayACHSFuhjUWGzVyW5s67psf0JQ4x0XrnRFfmWZIV8fZqFvejRK5UKPcQ091-hiMAIDTloPxr3urJRFXD66T2n0AUa8sxVeUk78KnuoXd11cwOnU9Ko3ZJRK8x5wkHGLtTvpS_jFm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLB1Rjim3BqRy3yGwBKn6gpN3KrJ5EYXMB00sPcH6LkeB1eKxQv5FdwYahIzr0TPukDxZwHqbnH5fo7KLNhnSKJ10Lewu1JqaQDk_Jl1ylORTCs11Qv-bA-kwgedR4bW9QxtIaud8VX3iwTNk6UK5XRm59KaOh1qzHe8VejnDiAEKlAnWot9x1tbv7KseNyA3nuxyvwNpOqH7OxgESAZxynYsPn5qfc9iGMl2Ho7W7iML9Pan0Ep5ZFApL0BKp7S-JHXW4tkh_NT0BiDfZMtP0nqcGlhAIaF9DcQXv4ZHOM_j5-DuzT8AM8xkxfgKN6FwTpSmxqfNJHWiVZrGJxzI-YJVTbzXayACHSFuhjUWGzVyW5s67psf0JQ4x0XrnRFfmWZIV8fZqFvejRK5UKPcQ091-hiMAIDTloPxr3urJRFXD66T2n0AUa8sxVeUk78KnuoXd11cwOnU9Ko3ZJRK8x5wkHGLtTvpS_jFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam defaultFontSize 14\r\nskinparam defaultFontColor #333333\r\n\r\nheader Architecture Review Board - Internal\r\n\r\ntitle Order Processing Service - Context Diagram v1.0\r\n\r\ncaption Figure 1. Order service and its collaborators\r\n\r\nfooter Prepared using Visual Paradigm VPasCode\r\n\r\nactor Customer\r\ncomponent WebApp\r\ncomponent OrderSvc\r\ndatabase OrderDB\r\n\r\nCustomer --&gt; WebApp\r\nWebApp --&gt; OrderSvc\r\nOrderSvc --&gt; OrderDB\r\n\r\nnote right of OrderSvc\r\n  Validates the order,\r\n  then persists to OrderDB.\r\nend note\r\n\r\nlegend right\r\n  |= Arrow |= Meaning |\r\n  | --&gt; | Synchronous call |\r\n  | ...&gt; | Async event |\r\nendlegend\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLB1Rjim3BqRy3yGwBKn6gpN3KrJ5EYXMB00sPcH6LkeB1eKxQv5FdwYahIzr0TPukDxZwHqbnH5fo7KLNhnSKJ10Lewu1JqaQDk_Jl1ylORTCs11Qv-bA-kwgedR4bW9QxtIaud8VX3iwTNk6UK5XRm59KaOh1qzHe8VejnDiAEKlAnWot9x1tbv7KseNyA3nuxyvwNpOqH7OxgESAZxynYsPn5qfc9iGMl2Ho7W7iML9Pan0Ep5ZFApL0BKp7S-JHXW4tkh_NT0BiDfZMtP0nqcGlhAIaF9DcQXv4ZHOM_j5-DuzT8AM8xkxfgKN6FwTpSmxqfNJHWiVZrGJxzI-YJVTbzXayACHSFuhjUWGzVyW5s67psf0JQ4x0XrnRFfmWZIV8fZqFvejRK5UKPcQ091-hiMAIDTloPxr3urJRFXD66T2n0AUa8sxVeUk78KnuoXd11cwOnU9Ko3ZJRK8x5wkHGLtTvpS_jFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLB1Rjim3BqRy3yGwBKn6gpN3KrJ5EYXMB00sPcH6LkeB1eKxQv5FdwYahIzr0TPukDxZwHqbnH5fo7KLNhnSKJ10Lewu1JqaQDk_Jl1ylORTCs11Qv-bA-kwgedR4bW9QxtIaud8VX3iwTNk6UK5XRm59KaOh1qzHe8VejnDiAEKlAnWot9x1tbv7KseNyA3nuxyvwNpOqH7OxgESAZxynYsPn5qfc9iGMl2Ho7W7iML9Pan0Ep5ZFApL0BKp7S-JHXW4tkh_NT0BiDfZMtP0nqcGlhAIaF9DcQXv4ZHOM_j5-DuzT8AM8xkxfgKN6FwTpSmxqfNJHWiVZrGJxzI-YJVTbzXayACHSFuhjUWGzVyW5s67psf0JQ4x0XrnRFfmWZIV8fZqFvejRK5UKPcQ091-hiMAIDTloPxr3urJRFXD66T2n0AUa8sxVeUk78KnuoXd11cwOnU9Ko3ZJRK8x5wkHGLtTvpS_jFm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr data-nodeid=\"19509\"\/>\n<h3 data-nodeid=\"19510\">Documentation et rendu avec Visual Paradigm VPasCode<\/h3>\n<p data-nodeid=\"19511\">Collez n&#8217;importe lequel des <code data-backticks=\"1\" data-nodeid=\"19772\">@startuml \u2026 @enduml<\/code> fichiers ci-dessus dans Visual Paradigm VPasCode, et il rendra le diagramme, appliquera le th\u00e8me VP, et vous permettra d&#8217;exporter vers PNG\/SVG\/PDF. Le th\u00e8me VP peut \u00e9galement \u00eatre int\u00e9gr\u00e9 explicitement au d\u00e9but d&#8217;un diagramme :<\/p>\n<pre class=\"lang-plantuml-snippet\" data-nodeid=\"19512\"><code data-language=\"plantuml-snippet\">!include https:\/\/static.visual-paradigm.com\/web\/resources\/plantuml-stdlib\/themes\/vp.puml\r\nskinparam vpDiagramType ComponentDiagram\r\n<\/code><\/pre>\n<p data-nodeid=\"19513\">Vous pouvez visualiser et rendre ces \u00e9l\u00e9ments en ligne \u00e0 <strong data-nodeid=\"19793\"><a data-nodeid=\"19778\" href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com<\/a><\/strong>. Commandez votre squelette de mani\u00e8re coh\u00e9rente \u2014 <code data-backticks=\"1\" data-nodeid=\"19781\">titre<\/code> et <code data-backticks=\"1\" data-nodeid=\"19783\">l\u00e9gende<\/code> pour l&#8217;identification de la figure, <code data-backticks=\"1\" data-nodeid=\"19785\">en-t\u00eate<\/code>\/<code data-backticks=\"1\" data-nodeid=\"19787\">pied de page<\/code> pour le contexte du document, <code data-backticks=\"1\" data-nodeid=\"19789\">l\u00e9gende<\/code> pour le d\u00e9codage des notations, <code data-backticks=\"1\" data-nodeid=\"19791\">note<\/code> pour des commentaires \u00e9l\u00e9ment par \u00e9l\u00e9ment \u2014 et vos diagrammes seront lus comme un ensemble coh\u00e9rent et professionnellement publi\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce guide couvre les six \u00e9l\u00e9ments les plus utilis\u00e9sde texte et d&#8217;annotationdans PlantUML. Dans chaque exemple, j&#8217;applique les conventions de<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[1],"tags":[],"asset-category":[],"class_list":["post-12631","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Ce guide couvre les six \u00e9l\u00e9ments les plus utilis\u00e9sde texte et d&#8217;annotationdans PlantUML. Dans chaque exemple, j&#8217;applique les conventions de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-14T06:34:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende\",\"datePublished\":\"2026-10-14T06:34:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\"},\"wordCount\":888,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\",\"name\":\"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\",\"datePublished\":\"2026-10-14T06:34:44+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/\",\"name\":\"Cyberm\u00e9diane\",\"description\":\"Apprendre une nouvelle chose tous les jours\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/fr\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","og_locale":"fr_FR","og_type":"article","og_title":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane","og_description":"Ce guide couvre les six \u00e9l\u00e9ments les plus utilis\u00e9sde texte et d&#8217;annotationdans PlantUML. Dans chaque exemple, j&#8217;applique les conventions de","og_url":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2026-10-14T06:34:44+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"curtis","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende","datePublished":"2026-10-14T06:34:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/"},"wordCount":888,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","url":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","name":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png","datePublished":"2026-10-14T06:34:44+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acf2241ae9a5.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Guide complet de PlantUML : Titre, En-t\u00eate, Pied de page, Note, L\u00e9gende et L\u00e9gende"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/fr\/#website","url":"https:\/\/www.cybermedian.com\/fr\/","name":"Cyberm\u00e9diane","description":"Apprendre une nouvelle chose tous les jours","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/fr\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/comments?post=12631"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12631\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=12631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=12631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=12631"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/asset-category?post=12631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}