{"id":5858,"date":"2025-10-20T12:53:55","date_gmt":"2025-10-20T10:53:55","guid":{"rendered":"https:\/\/xpandai.one\/?post_type=mpcs-lesson&#038;p=5858"},"modified":"2025-10-20T12:53:56","modified_gmt":"2025-10-20T10:53:56","slug":"2-3-modeles-linguistiques-vs-chatbots-les-differences","status":"publish","type":"mpcs-lesson","link":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/","title":{"rendered":"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences"},"content":{"rendered":"\n<!doctype html>\n<div class=\"mpcs-main-content\">\n\n<div class=\"mpcs-main-content\">\n\n<style>\n\/* -------------------------------------------------- *\/\n\/* --- Cadre CSS de l'Acad\u00e9mie Xpand AI --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Variables de couleur *\/\n:root {\n    --primary: #52898b;      \/* Turquoise *\/\n    --secondary: #19404e;    \/* Bleu fonc\u00e9 *\/\n    --light-bg: #f5f9fa;     \/* Arri\u00e8re-plan *\/\n    --border: #e0e8e9;       \/* Bordure *\/\n    --accent: #e67e22;       \/* Accentuation\/Orange *\/\n    --text: #333333;         \/* Texte *\/\n}\n\n\/* Conteneur principal (Wrapper) *\/\n.xpand-module-wrapper {\n    font-family: inherit; \/* Utilise la police du th\u00e8me *\/\n    max-width: 800px;     \/* Largeur standard pour les modules *\/\n    margin: 30px auto;    \/* Centrage et espacement *\/\n    padding: 0;           \/* Pas de padding externe, car le conteneur interne a du padding *\/\n    box-sizing: border-box;\n    color: var(--text);\n    line-height: 1.6;\n}\n\n\/* -------------------------------------------------- *\/\n\/* --- CSS Sp\u00e9cifique au Module 2.3 --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Conteneur interne pour cette mise en page de module *\/\n.module-container-2-3 { \/* Nom unique pour ce conteneur de module *\/\n    background-color: var(--light-bg); \/* Arri\u00e8re-plan du module *\/\n    padding: 20px;\n    border-radius: 8px; \/* Arrondi pour l'ensemble du module *\/\n    \/* Optionnel : Ombre pour l'ensemble du module *\/\n    \/* box-shadow: 0 4px 10px rgba(0,0,0,0.05); *\/\n}\n\n\n\/* Accord\u00e9ons \/ \u00c9l\u00e9ments d\u00e9pliants *\/\n.knowledge-overview {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 30px;\n}\n\n.knowledge-column {\n    flex: 1;\n    min-width: 250px; \/* Emp\u00eache un r\u00e9tr\u00e9cissement excessif *\/\n}\n\n.collapsible-header {\n    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n    color: white;\n    border-radius: 8px 8px 0 0;\n    padding: 12px 15px;\n    font-weight: bold;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: background-color 0.3s; \/* Transition douce *\/\n}\n\n.collapsible-header:hover {\n    background: linear-gradient(135deg, #2c5f70 0%, #6aaab0 100%); \/* Effet de survol l\u00e9g\u00e8rement plus clair *\/\n}\n\n\n.collapsible-header .icon-container {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.toggle-icon {\n    font-size: 12px; \/* Ic\u00f4ne de fl\u00e8che plus petite *\/\n    transition: transform 0.3s ease-out;\n    font-weight: normal; \/* Graisse normale pour la fl\u00e8che *\/\n    line-height: 1;\n}\n\n.collapsible-header.active .toggle-icon {\n    transform: rotate(180deg);\n}\n\n.collapsible-content {\n    background-color: white;\n    border-radius: 0px 0px 8px 8px;\n    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;\n    padding: 0 15px; \/* Commence avec 0 de padding en haut\/en bas *\/\n    border: 1px solid var(--border); \/* Bordure ajout\u00e9e *\/\n    border-top: none; \/* Supprimer la bordure sup\u00e9rieure *\/\n    max-height: 0; \/* Commence ferm\u00e9 *\/\n    overflow: hidden; \/* Masquer le contenu *\/\n    \/* ICI : Padding retir\u00e9 de la transition *\/\n    transition: max-height 0.4s ease-out;\n    box-sizing: border-box; \/* Important pour le padding *\/\n}\n\n.collapsible-content.active {\n     padding: 15px 15px; \/* R\u00e9tablir le padding (est maintenant appliqu\u00e9 imm\u00e9diatement) *\/\n     \/* max-height est d\u00e9fini via JS *\/\n}\n\n.compact-list {\n    padding-left: 20px;\n    margin: 0; \/* Pas de marge suppl\u00e9mentaire pour la liste *\/\n    list-style-type: disc;\n}\n.compact-list li {\n    margin-bottom: 8px;\n    font-size: 14px; \/* Police plus petite pour les points de la liste *\/\n}\n.compact-list li:last-child {\n    margin-bottom: 0;\n}\n\n\n\/* Conteneur Vid\u00e9o *\/\n.video-section {\n    background-color: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    padding: 20px;\n    margin-bottom: 30px;\n    border: 1px solid var(--border);\n}\n\n.video-section h3 {\n    color: var(--secondary);\n    font-size: 20px;\n    margin-top: 0;\n    margin-bottom: 15px;\n}\n\n\/* Ce conteneur est responsable du rapport d'aspect *\/\n.video-container {\n    position: relative;\n    padding-bottom: 56.25%; \/* Rapport d'aspect 16:9 *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: 8px; \/* Arrondi pour la vid\u00e9o elle-m\u00eame *\/\n    margin-bottom: 15px;\n    background-color: #f0f0f0; \/* Arri\u00e8re-plan clair si la vid\u00e9o ne se charge pas *\/\n}\n\n\/* L'Iframe remplit le conteneur *\/\n.video-container iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n}\n\n\/* Bo\u00eete de concept *\/\n.concept-box {\n    background-color: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    padding: 20px;\n    margin-bottom: 30px;\n    border: 1px solid var(--border);\n}\n\n.concept-box h3 {\n    color: var(--secondary);\n    font-size: 20px;\n    margin-top: 0;\n}\n\n.metaphor-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 25px 0;\n    gap: 15px; \/* Espace entre les \u00e9l\u00e9ments *\/\n}\n\n.metaphor-item {\n    flex: 1;\n    text-align: center;\n    padding: 15px;\n    background-color: var(--light-bg); \/* Arri\u00e8re-plan pour une meilleure d\u00e9limitation *\/\n    border-radius: 8px;\n}\n\n.metaphor-icon {\n    background-color: var(--primary);\n    color: white;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    display: inline-flex; \/* Corrig\u00e9 *\/\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 10px auto; \/* Marge inf\u00e9rieure *\/\n    font-size: 28px; \/* Taille de l'ic\u00f4ne *\/\n}\n.metaphor-icon svg { \/* Assurer que les SVG \u00e0 l'int\u00e9rieur s'adaptent *\/\n    width: 60%;\n    height: 60%;\n}\n\n.metaphor-arrow {\n    font-size: 30px;\n    color: var(--primary);\n    padding: 0 10px; \/* Moins de padding *\/\n    flex-shrink: 0; \/* Emp\u00eache le r\u00e9tr\u00e9cissement *\/\n}\n\n.metaphor-item h4 {\n    color: var(--secondary);\n    margin: 12px 0 8px 0; \/* Marges ajust\u00e9es *\/\n    font-size: 18px;\n}\n.metaphor-item p {\n    font-size: 14px; \/* Police plus petite *\/\n    margin: 0;\n}\n\n\n\/* Exemples *\/\n.examples-section {\n    margin-bottom: 30px;\n}\n\n.examples-section h3 {\n    color: var(--secondary);\n    font-size: 20px;\n    margin-bottom: 15px;\n    margin-top: 0; \/* Pas d'espace suppl\u00e9mentaire en haut *\/\n}\n\n.examples-grid {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n}\n\n.example-card {\n    flex: 1;\n    min-width: 220px; \/* Un peu plus d'espace *\/\n    background-color: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    overflow: hidden;\n    border: 1px solid var(--border);\n}\n\n.example-header {\n    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n    color: white;\n    padding: 10px 15px;\n    font-weight: bold;\n}\n\n.example-content {\n    padding: 15px;\n}\n\n.example-content p {\n    margin-top: 0;\n    margin-bottom: 5px; \/* Petit espace entre les lignes *\/\n    font-size: 14px;\n}\n.example-content p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Importance *\/\n.importance-section {\n    background-color: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    padding: 20px;\n    margin-bottom: 30px;\n    border: 1px solid var(--border);\n}\n\n.importance-section h3 {\n    color: var(--secondary);\n    font-size: 20px;\n    margin-top: 0;\n    margin-bottom: 15px;\n}\n\n.importance-grid {\n    display: grid; \/* Mieux pour des colonnes uniformes *\/\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); \/* Colonnes responsives *\/\n    gap: 15px;\n}\n\n.importance-item {\n    \/* flex: 1; *\/ \/* Plus n\u00e9cessaire avec Grid *\/\n    \/* min-width: 150px; *\/ \/* Plus n\u00e9cessaire avec Grid *\/\n    text-align: center;\n    padding: 15px;\n    background-color: var(--light-bg);\n    border-radius: 8px;\n}\n\n.importance-icon {\n    font-size: 24px; \/* Taille pour le conteneur *\/\n    width: 30px; \/* Largeur fixe pour SVG *\/\n    height: 30px; \/* Hauteur fixe pour SVG *\/\n    margin-bottom: 8px;\n    display: inline-block; \/* Corrig\u00e9 *\/\n    color: var(--primary); \/* Couleur de l'ic\u00f4ne *\/\n}\n.importance-icon svg { \/* Assurer que les ic\u00f4nes SVG h\u00e9ritent de la couleur et de la taille *\/\n    stroke: currentColor;\n    fill: none; \/* Ajuster si le remplissage est n\u00e9cessaire pour des ic\u00f4nes sp\u00e9cifiques *\/\n    width: 100%;\n    height: 100%;\n}\n\n.importance-item p {\n    margin: 0;\n    font-size: 14px;\n}\n\n\/* Avantage Xpand *\/\n.xpand-advantage-box {\n    background-color: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    padding: 20px;\n    margin-bottom: 30px;\n    border: 1px solid var(--border); \/* Bordure g\u00e9n\u00e9rale *\/\n    border-left: 4px solid var(--accent); \/* Bordure d'accentuation \u00e0 gauche *\/\n}\n\n.xpand-advantage-box h3 {\n    color: var(--secondary);\n    font-size: 20px;\n    margin-top: 0;\n    margin-bottom: 15px;\n}\n\n.advantage-grid {\n    display: grid; \/* Mieux pour des colonnes uniformes *\/\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); \/* Colonnes responsives *\/\n    gap: 15px;\n    margin: 20px 0;\n}\n\n.advantage-item {\n    \/* flex: 1; *\/ \/* Plus n\u00e9cessaire avec Grid *\/\n    \/* min-width: 150px; *\/ \/* Plus n\u00e9cessaire avec Grid *\/\n    display: flex;\n    align-items: center;\n    padding: 12px;\n    background-color: var(--light-bg);\n    border-radius: 8px;\n}\n\n.advantage-icon {\n    background-color: var(--primary);\n    color: white;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 12px;\n    flex-shrink: 0; \/* Emp\u00eache le r\u00e9tr\u00e9cissement *\/\n}\n.advantage-icon svg { \/* Assurer que les ic\u00f4nes SVG \u00e0 l'int\u00e9rieur utilisent un contour blanc et s'adaptent *\/\n    stroke: white;\n    width: 55%;\n    height: 55%;\n}\n\n.advantage-item p {\n    margin: 0;\n    font-size: 14px;\n}\n\n.advantage-tagline {\n    font-weight: bold;\n    text-align: center;\n    color: var(--secondary);\n    margin-bottom: 0;\n    font-size: 16px;\n    margin-top: 20px;\n}\n\n\/* \u00c0 retenir *\/\n.takeaway-box {\n    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n    color: white;\n    border-radius: 8px;\n    padding: 20px 25px; \/* Un peu plus de padding *\/\n    margin-bottom: 15px;\n}\n\n.takeaway-box h3 {\n    color: white;\n    font-size: 20px;\n    margin-top: 0;\n    margin-bottom: 15px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.5); \/* Bordure plus l\u00e9g\u00e8re *\/\n    padding-bottom: 8px;\n    display: flex;\n    align-items: center;\n}\n\n.takeaway-box h3 svg {\n    margin-right: 8px;\n    stroke: white; \/* Assurer *\/\n    flex-shrink: 0;\n    width: 24px; \/* Taille explicite pour l'ic\u00f4ne \u00e0 retenir *\/\n    height: 24px;\n}\n\n.takeaway-box p {\n    margin: 0;\n}\n\n\/* Design r\u00e9actif *\/\n@media (max-width: 768px) {\n    .knowledge-overview {\n        flex-direction: column;\n        gap: 15px; \/* Espacement plus petit *\/\n    }\n\n    .metaphor-container {\n        flex-direction: column;\n    }\n\n    .metaphor-arrow {\n        transform: rotate(90deg);\n        margin: 15px 0;\n    }\n\n    .module-container-2-3 { \/* Padding r\u00e9actif *\/\n        padding: 15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .importance-grid, .advantage-grid { \/* 1 colonne sur les tr\u00e8s petits \u00e9crans *\/\n         grid-template-columns: 1fr;\n    }\n    .examples-grid {\n         flex-direction: column; \/* Les uns sous les autres sur les petits \u00e9crans *\/\n    }\n     .example-card {\n        min-width: 100%; \/* Pleine largeur *\/\n     }\n}\n<\/style>\n\n<div class=\"xpand-module-wrapper\">\n<div class=\"module-container-2-3\"> <!-- Utiliser une classe unique -->\n    <!-- Aper\u00e7u des connaissances d\u00e9pliant -->\n    <div class=\"knowledge-overview\">\n        <div class=\"knowledge-column\">\n            <div class=\"collapsible-header\" onclick=\"toggleCollapsible(this)\">\n                <div class=\"icon-container\">\n                    <!-- Ic\u00f4ne de losange bleu -->\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2L21 12L12 22L3 12L12 2Z\" fill=\"white\"><\/path>\n                    <\/svg>\n                    Ce que vous savez d\u00e9j\u00e0\n                <\/div>\n                <span class=\"toggle-icon\" style=\"transform: rotate(0deg);\">\u25bc<\/span>\n            <\/div>\n            <div class=\"collapsible-content\" style=\"padding-top: 0px; padding-bottom: 0px;\">\n                <ul class=\"compact-list\">\n                    <li>Les LLM sont les \u00ab moteurs de pens\u00e9e \u00bb derri\u00e8re les syst\u00e8mes de texte d&#8217;IA<\/li>\n                    <li>Mod\u00e8les connus : GPT, Claude, Gemini<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"knowledge-column\">\n            <div class=\"collapsible-header\" onclick=\"toggleCollapsible(this)\">\n                <div class=\"icon-container\">\n                    <!-- Ic\u00f4ne de losange bleu -->\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2L21 12L12 22L3 12L12 2Z\" fill=\"white\"><\/path>\n                    <\/svg>\n                    Ce que vous apprendrez dans ce module\n                <\/div>\n                <span class=\"toggle-icon\" style=\"transform: rotate(0deg);\">\u25bc<\/span>\n            <\/div>\n            <div class=\"collapsible-content\" style=\"padding-top: 0px; padding-bottom: 0px;\">\n                <ul class=\"compact-list\">\n                    <li>La diff\u00e9rence entre un mod\u00e8le de langue et un chatbot<\/li>\n                    <li>Le lien entre les noms de mod\u00e8les et les chatbots<\/li>\n                    <li>Quels chatbots utilisent quels mod\u00e8les<\/li>\n                    \n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Nouvelle section vid\u00e9o -->\n    <div class=\"video-section\">\n        <h3>Comment fonctionne un mod\u00e8le de langue<\/h3>\n        <div class=\"video-container\">\n             \n         <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGlmcmFtZSBzcmM9Imh0dHBzOi8vaWZyYW1lLm1lZGlhZGVsaXZlcnkubmV0L2VtYmVkLzQxMTkyNy9kNzEwNTY4NC04MTAxLTQ2NTUtYjI3Mi04NDlmNDk4NTA0YTY\/YXV0b3BsYXk9ZmFsc2UmYW1wO2xvb3A9ZmFsc2UmYW1wO211dGVkPWZhbHNlJmFtcDtwcmVsb2FkPXRydWUmYW1wO3Jlc3BvbnNpdmU9dHJ1ZSIgbG9hZGluZz0ibGF6eSIgYWxsb3c9ImFjY2VsZXJvbWV0ZXI7IGd5cm9zY29wZTsgYXV0b3BsYXk7IGVuY3J5cHRlZC1tZWRpYTsgcGljdHVyZS1pbi1waWN0dXJlOyIgYWxsb3dmdWxsc2NyZWVuPSJ0cnVlIj48L2lmcmFtZT4=\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div><\/div>\n        <p style=\"margin-bottom: 0;\">Dans cette vid\u00e9o, vous d\u00e9couvrirez comment fonctionne un mod\u00e8le de langue, comment il est entra\u00een\u00e9 et comment il peut g\u00e9n\u00e9rer du texte. Comprendre ces bases vous aidera \u00e0 mieux \u00e9valuer les possibilit\u00e9s et les limites de l&#8217;intelligence artificielle.<\/p>\n    <\/div>\n\n    <!-- Concept cl\u00e9 avec m\u00e9taphore -->\n    <div class=\"concept-box\">\n        <h3>Mod\u00e8le de langue vs. Chatbot : La m\u00e9taphore du moteur et du cockpit<\/h3>\n        <div class=\"metaphor-container\">\n            <div class=\"metaphor-item\">\n                <div class=\"metaphor-icon\">\n                    <!-- Ic\u00f4ne de moteur am\u00e9lior\u00e9e -->\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n                        <circle cx=\"8\" cy=\"12\" r=\"3\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n                        <circle cx=\"16\" cy=\"12\" r=\"3\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n                        <path d=\"M8 6V4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M16 6V4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M8 20V18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M16 20V18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M4 10H2\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M4 14H2\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M22 10H20\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M22 14H20\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>Mod\u00e8le de langue = Moteur<\/h4>\n                <p>L&#8217;intelligence de l&#8217;IA en arri\u00e8re-plan<\/p>\n            <\/div>\n            <div class=\"metaphor-arrow\">\u2192<\/div>\n            <div class=\"metaphor-item\">\n                <div class=\"metaphor-icon\">\n                    <!-- Ic\u00f4ne de manette avec fond rond -->\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"6\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n                        <circle cx=\"17\" cy=\"9\" r=\"1\" fill=\"white\"><\/circle>\n                        <circle cx=\"19\" cy=\"11\" r=\"1\" fill=\"white\"><\/circle>\n                        <circle cx=\"15\" cy=\"11\" r=\"1\" fill=\"white\"><\/circle>\n                        <circle cx=\"17\" cy=\"13\" r=\"1\" fill=\"white\"><\/circle>\n                        <path d=\"M9 11L5 11\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                        <path d=\"M7 9L7 13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>Chatbot = Cockpit<\/h4>\n                <p>L&#8217;interface utilisateur pour le contr\u00f4le<\/p>\n            <\/div>\n        <\/div>\n        <p style=\"margin-bottom: 0;\">Tout comme le m\u00eame moteur peut \u00eatre utilis\u00e9 dans diff\u00e9rents v\u00e9hicules, le m\u00eame mod\u00e8le d&#8217;IA peut \u00eatre utilis\u00e9 dans diff\u00e9rents chatbots \u2013 avec diff\u00e9rentes options de commande, fonctionnalit\u00e9s et limitations.<\/p>\n    <\/div>\n\n    <!-- Exemples clairs -->\n    <div class=\"examples-section\">\n        <h3>Aper\u00e7u des chatbots et de leurs mod\u00e8les<\/h3>\n        <div class=\"examples-grid\">\n            <div class=\"example-card\">\n                <div class=\"example-header\">ChatGPT<\/div>\n                <div class=\"example-content\">\n                    <p><strong>Cockpit :<\/strong> Interface ChatGPT<\/p>\n                    <p><strong>Moteur :<\/strong>  par ex. GPT-4o, o3,  o1<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"example-card\">\n                <div class=\"example-header\">Claude.ai<\/div>\n                <div class=\"example-content\">\n                    <p><strong>Cockpit :<\/strong> Interface Claude<\/p>\n                    <p><strong>Moteur :<\/strong> par ex. Claude 3.7, 3.5<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"example-card\">\n                <div class=\"example-header\">Gemini<\/div>\n                <div class=\"example-content\">\n                    <p><strong>Cockpit :<\/strong> Interface Gemini<\/p>\n                    <p><strong>Moteur :<\/strong> par ex. Gemini Pro\/Flash 2.5 <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Pourquoi est-ce important ? -->\n    <div class=\"importance-section\">\n        <h3>Pourquoi la diff\u00e9rence est importante<\/h3>\n        <div class=\"importance-grid\">\n            <div class=\"importance-item\">\n                <div class=\"importance-icon\">\n                    <!-- Ic\u00f4ne d'engrenage -->\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M19.4 15C19.1277 15.6171 19.2583 16.3378 19.73 16.82L19.79 16.88C20.1656 17.2551 20.3766 17.7642 20.3766 18.295C20.3766 18.8258 20.1656 19.3349 19.79 19.71C19.4149 20.0856 18.9058 20.2966 18.375 20.2966C17.8442 20.2966 17.3351 20.0856 16.96 19.71L16.9 19.65C16.4178 19.1783 15.6971 19.0477 15.08 19.32C14.4755 19.5791 14.0826 20.1724 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0645 20.2318 9.63148 19.6346 9 19.4C8.38286 19.1277 7.66219 19.2583 7.18 19.73L7.12 19.79C6.74486 20.1656 6.23581 20.3766 5.705 20.3766C5.17419 20.3766 4.66514 20.1656 4.29 19.79C3.91445 19.4149 3.70343 18.9058 3.70343 18.375C3.70343 17.8442 3.91445 17.3351 4.29 16.96L4.35 16.9C4.82167 16.4178 4.95231 15.6971 4.68 15.08C4.42093 14.4755 3.82763 14.0826 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.76819 10.0645 4.36541 9.63148 4.6 9C4.87231 8.38286 4.74167 7.66219 4.27 7.18L4.21 7.12C3.83445 6.74486 3.62343 6.23582 3.62343 5.705C3.62343 5.17418 3.83445 4.66514 4.21 4.29C4.58514 3.91445 5.09419 3.70343 5.625 3.70343C6.15581 3.70343 6.66486 3.91445 7.04 4.29L7.1 4.35C7.58219 4.82167 8.30286 4.95231 8.92 4.68H9C9.60447 4.42093 9.99738 3.82763 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0026 3.74763 14.3955 4.34093 15 4.6C15.6171 4.87231 16.3378 4.74167 16.82 4.27L16.88 4.21C17.2551 3.83445 17.7642 3.62343 18.295 3.62343C18.8258 3.62343 19.3349 3.83445 19.71 4.21C20.0856 4.58514 20.2966 5.09419 20.2966 5.625C20.2966 6.15581 20.0856 6.66486 19.71 7.04L19.65 7.1C19.1783 7.58219 19.0477 8.30286 19.32 8.92V9C19.5791 9.60447 20.1724 9.99738 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.2524 14.0026 19.6591 14.3955 19.4 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p>Diff\u00e9rentes<br>Fonctionnalit\u00e9s<\/p>\n            <\/div>\n            <div class=\"importance-item\">\n                <div class=\"importance-icon\">\n                    <!-- Ic\u00f4ne de bouclier -->\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p>Diff\u00e9rents<br>Param\u00e8tres de s\u00e9curit\u00e9<\/p>\n            <\/div>\n            <div class=\"importance-item\">\n                <div class=\"importance-icon\">\n                    <!-- Ic\u00f4ne de sac d'argent (ici sous forme de bo\u00eete) -->\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p>Mod\u00e8les de<br>tarification s\u00e9par\u00e9s<\/p>\n            <\/div>\n            <div class=\"importance-item\">\n                <div class=\"importance-icon\">\n                    <!-- Ic\u00f4ne de rafra\u00eechissement -->\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M23 4V10H17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M1 20V14H7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M3.51 9.00001C4.01717 7.56552 4.87913 6.28548 6.01547 5.27543C7.1518 4.26538 8.52547 3.56082 10.0083 3.22427C11.4911 2.88771 13.0348 2.93089 14.4952 3.34789C15.9556 3.76489 17.2853 4.54317 18.36 5.60001L23 10M1 14L5.64 18.4C6.71475 19.4569 8.04437 20.2351 9.50481 20.6521C10.9652 21.0691 12.5089 21.1123 13.9917 20.7757C15.4745 20.4392 16.8482 19.7346 17.9845 18.7246C19.1209 17.7145 19.9828 16.4345 20.49 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p>R\u00e9sultats<br>divergents<\/p>\n            <\/div>\n        <\/div>\n        <p style=\"margin-top: 15px; margin-bottom: 0;\"><span style=\"color: var(--accent); font-weight: bold;\">Le mod\u00e8le est le \u00ab moteur \u00bb<\/span> \u2013 l&#8217;unit\u00e9 de calcul intelligente. <span style=\"color: var(--accent); font-weight: bold;\">Le chatbot est le \u00ab cockpit \u00bb<\/span> \u2013 l&#8217;interface \u00e0 travers laquelle vous interagissez avec le mod\u00e8le.<\/p>\n    <\/div>\n\n   \n    <!-- \u00c0 retenir -->\n    <div class=\"takeaway-box\">\n        <h3>\n            <!-- Ic\u00f4ne de cible -->\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n                <circle cx=\"12\" cy=\"12\" r=\"6\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n                <circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n            <\/svg>\n            Ce qu&#8217;il faut retenir\n        <\/h3>\n        <p>Chatbot n&#8217;est pas synonyme de mod\u00e8le de langue. Comprendre cette diff\u00e9rence vous aide \u00e0 choisir des outils d&#8217;IA de mani\u00e8re plus cibl\u00e9e et \u00e0 les utiliser plus efficacement. Et avec xpandAI, vous obtenez toujours la combinaison optimale de moteur et de cockpit \u2013 pour les meilleurs r\u00e9sultats sans complications techniques.<\/p>\n    <\/div>\n<\/div> <!-- Fin de .module-container-2-3 -->\n<\/div> <!-- Fin de .xpand-module-wrapper -->\n\n<!-- JavaScript pour les \u00e9l\u00e9ments d\u00e9pliants -->\n<script>\nfunction toggleCollapsible(headerElement) {\n  const content = headerElement.nextElementSibling;\n  const icon = headerElement.querySelector('.toggle-icon');\n  const isActive = headerElement.classList.contains('active');\n\n  if (isActive) {\n    \/\/ Fermer\n    content.style.maxHeight = null; \/\/ Important : d\u00e9finir sur null, pas '0px'\n    \/\/ R\u00e9initialiser le padding imm\u00e9diatement\n    content.style.paddingTop = '0';\n    content.style.paddingBottom = '0';\n    content.classList.remove('active');\n    headerElement.classList.remove('active');\n    icon.style.transform = 'rotate(0deg)';\n  } else {\n    \/\/ Ouvrir\n    headerElement.classList.add('active');\n    content.classList.add('active');\n    \/\/ Appliquer le padding imm\u00e9diatement\n    content.style.paddingTop = '15px';\n    content.style.paddingBottom = '15px';\n    \/\/ Calculer la hauteur SANS tampon\n    content.style.maxHeight = content.scrollHeight + \"px\";\n    icon.style.transform = 'rotate(180deg)';\n  }\n}\n\n\/\/ Initialement, fermer tout le contenu et d\u00e9finir les ic\u00f4nes correctement\nfunction closeAllCollapsibles() {\n  document.querySelectorAll('.collapsible-content').forEach(content => {\n    content.classList.remove('active');\n    content.style.maxHeight = null; \/\/ S'assurer que la hauteur est r\u00e9initialis\u00e9e\n    content.style.paddingTop = '0';\n    content.style.paddingBottom = '0';\n    const header = content.previousElementSibling;\n    if(header && header.classList.contains('collapsible-header')) {\n        header.classList.remove('active');\n        const icon = header.querySelector('.toggle-icon');\n        if(icon) {\n            icon.style.transform = 'rotate(0deg)'; \/\/ S'assurer que l'ic\u00f4ne est ferm\u00e9e\n        }\n    }\n  });\n}\n\n\/\/ Fermer tout au chargement de la page\ndocument.addEventListener('DOMContentLoaded', closeAllCollapsibles);\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"featured_media":0,"template":"","mpcs-curriculum-categories":[],"mpcs-curriculum-tags":[],"class_list":["post-5858","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI<\/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:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Ce que vous savez d\u00e9j\u00e0 \u25bc Les LLM sont les \u00ab moteurs de pens\u00e9e \u00bb derri\u00e8re les syst\u00e8mes de texte d&#8217;IA Mod\u00e8les connus : GPT, Claude, Gemini Ce que vous apprendrez dans ce module \u25bc La diff\u00e9rence entre un mod\u00e8le de langue et un chatbot Le lien entre les noms de mod\u00e8les et les chatbots Quels chatbots utilisent quels mod\u00e8les&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T10:53:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/2-3-modeles-linguistiques-vs-chatbots-les-differences\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/2-3-modeles-linguistiques-vs-chatbots-les-differences\\\/\",\"name\":\"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"datePublished\":\"2025-10-20T10:53:55+00:00\",\"dateModified\":\"2025-10-20T10:53:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/2-3-modeles-linguistiques-vs-chatbots-les-differences\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/2-3-modeles-linguistiques-vs-chatbots-les-differences\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/2-3-modeles-linguistiques-vs-chatbots-les-differences\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/\",\"name\":\"xpandAI\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xpandai.one\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI","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:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/","og_locale":"en_US","og_type":"article","og_title":"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI","og_description":"Ce que vous savez d\u00e9j\u00e0 \u25bc Les LLM sont les \u00ab moteurs de pens\u00e9e \u00bb derri\u00e8re les syst\u00e8mes de texte d&#8217;IA Mod\u00e8les connus : GPT, Claude, Gemini Ce que vous apprendrez dans ce module \u25bc La diff\u00e9rence entre un mod\u00e8le de langue et un chatbot Le lien entre les noms de mod\u00e8les et les chatbots Quels chatbots utilisent quels mod\u00e8les&hellip;","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/","og_site_name":"xpandAI","article_modified_time":"2025-10-20T10:53:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/","name":"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"datePublished":"2025-10-20T10:53:55+00:00","dateModified":"2025-10-20T10:53:56+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/2-3-modeles-linguistiques-vs-chatbots-les-differences\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"2.3 | Mod\u00e8les linguistiques vs. chatbots : les diff\u00e9rences"}]},{"@type":"WebSite","@id":"https:\/\/xpandai.one\/en\/#website","url":"https:\/\/xpandai.one\/en\/","name":"xpandAI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpandai.one\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson\/5858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson"}],"about":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/types\/mpcs-lesson"}],"wp:attachment":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/media?parent=5858"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5858"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}