Guide des technologies

Liens iPod dans Notes pour lancer la lecture

6 min read Guide technique Mis à jour 29 Sep 2025
Liens iPod dans Notes pour lancer la lecture
Liens iPod dans Notes pour lancer la lecture

Introduction

Le format des Notes de l’iPod est plus puissant qu’on ne le croit : il comprend des liens HTML basiques qui peuvent déclencher la lecture de musique sur l’iPod. Cette fonctionnalité est peu documentée, mais fonctionne avec des fichiers texte ASCII contenant des balises d’ancre.

Définitions rapides :

Important : tout fichier destiné à l’iPod doit être enregistré en ASCII / Plain Text. L’extension du fichier n’a pas d’importance (notes, notes.txt, notes.ipod, etc.).

Matériel et prérequis

Principe de fonctionnement (vue d’ensemble)

L’iPod lit un fichier texte et interprète les balises d’ancre HTML. En plaçant un lien qui cible la musique, la sélection du lien dans l’interface des Notes déclenche la lecture. Les paramètres que l’on peut utiliser sont, par exemple, music?album, music?artist et music?genre pour préciser ce qu’on veut jouer.

Astuce d’encodage : si vos noms contiennent des espaces ou des caractères spéciaux, utilisez le codage d’URL (par exemple, espace → %20) pour assurer une compatibilité maximale.

Exemple : créer une liste « My Top Albums »

Voici un exemple pas à pas. Nous voulons une note affichant une liste ordonnée d’albums ; en sélectionnant un nom d’album, l’iPod commence la lecture de cet album.

  1. Créez un fichier texte en ASCII.
  2. Commencez par définir un titre interne pour l’affichage (facultatif mais utile) :

Le tag placé en haut du fichier permet de changer le titre affiché par l’iPod sans renommer le fichier sur le disque.</p><ol start="3" class="my-6 space-y-2 list-decimal pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Rédigez la liste et entourez le nom d’album d’une balise d’ancre :</li></ol><div class="code-ui group"><pre class=""><code class="html" class="">My Top Albums 1. The Pixies - <a href="music?album=Doolittle">Doolittle</a> 2. The Beatles - <a href="music?album=Revolver">Revolver</a> 3. Jeff Buckley - <a href="music?album=Grace">Grace</a> 4. Oasis - <a href="music?album=Definitely%20Maybe">Definitely Maybe</a></code></pre></div><p class="">Remarques :</p><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">L’album affiché entre <a>…</a> sera souligné dans l’interface des Notes ; le bouton SELECT déclenche la lecture.</li><li class="">Dans l’exemple, nous avons encodé l’espace dans “Definitely Maybe” en “%20”. Si votre iPod accepte les espaces non encodés, cela peut aussi fonctionner, mais l’encodage URL augmente la compatibilité.</li><li class="">Le texte d’album doit correspondre exactement au nom tel qu’il apparaît dans la bibliothèque de l’iPod (même si la plupart des implémentations ne sont pas sensibles à la casse).</li></ul><h2 class="text-2xl font-bold py-2" id="h2-4">Autres paramètres utiles</h2><p class="">Vous pouvez remplacer music?album par d’autres critères :</p><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Pour lancer tous les morceaux d’un artiste :</li></ul><div class="code-ui group"><pre class=""><code class="html" class="">1. The Pixies - <a href="music?artist=The%20Pixies">Jouer The Pixies</a></code></pre></div><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Pour lancer un genre entier :</li></ul><div class="code-ui group"><pre class=""><code class="html" class="">1. Rock - <a href="music?genre=Rock">Jouer Rock</a></code></pre></div><p class="">En changeant le préfixe (album → artist → genre) vous adaptez la portée de la commande.</p><h2 class="text-2xl font-bold py-2" id="h2-5">Exemple complet prêt à copier</h2><div class="code-ui group"><pre class=""><code class="html" class=""><title>My Top Albums My Top Albums 1. The Pixies - Doolittle 2. The Beatles - Revolver 3. Jeff Buckley - Grace 4. Oasis - Definitely Maybe -- Fin de la note --

Sauvegardez ce fichier en ASCII et copiez-le dans le dossier Notes de votre iPod (par ex. I:\Notes ou l’équivalent sur votre machine). Éjectez/démontez l’iPod puis consultez la note sur l’appareil.

Checklist pour créer des liens valides

  • Le fichier est enregistré en ASCII / texte brut.
  • Le fichier est placé dans le dossier Notes de l’iPod.
  • Le titre interne est en première ligne si vous souhaitez personnaliser l’affichage.</li><li class="task-list-item"><input type="checkbox" class=""/> Les balises <a href=”…”> utilisent music?album, music?artist ou music?genre selon le besoin.</li><li class="task-list-item"><input type="checkbox" class=""/> Les espaces et caractères spéciaux sont encodés (par ex. %20).</li><li class="task-list-item"><input type="checkbox" class=""/> Les noms correspondent aux libellés présents dans la bibliothèque de l’iPod.</li></ul><h2 class="text-2xl font-bold py-2" id="h2-7">Dépannage commun</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Le lien n’est pas cliquable : vérifiez que le fichier est bien du texte brut (pas RTF ou format enrichi) et que la balise <a> est correctement formée.</li><li class="">La lecture démarre sur une piste différente : vérifiez l’orthographe exacte de l’album/du nom de l’artiste dans la bibliothèque.</li><li class="">Les caractères spéciaux posent problème : essayez l’encodage URL pour ces caractères.</li></ul><p class="">Important : certains modèles d’iPod ou versions logicielles peuvent présenter des différences de comportement. Si un lien ne fonctionne pas, testez une version simplifiée (par ex. uniquement music?artist) pour isoler le problème.</p><h2 class="text-2xl font-bold py-2" id="h2-8">Alternatives et bonnes pratiques</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Playlists : si vous souhaitez un contrôle plus fin (ordre, morceaux sélectionnés), créer une playlist dans iTunes et lancer la playlist depuis l’iPod est souvent plus fiable.</li><li class="">Raccourcis physiques : pour l’accès rapide, nommez vos notes de façon concise (ex. TOP_ALBUMS) afin de les repérer facilement.</li><li class="">Outils externes : des utilitaires tiers existent pour synchroniser des notes et gérer l’encodage automatiquement.</li></ul><h2 class="text-2xl font-bold py-2" id="h2-9">Cas où cette méthode échoue</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Fichiers enregistrés en UTF-8 avec BOM ou en RTF ne sont pas lus correctement.</li><li class="">Si les métadonnées de la bibliothèque sont corrompues, l’iPod peut ne pas trouver l’album/artiste malgré un nom correct.</li><li class="">Modèles récents d’appareils ou firmwares ultérieurs peuvent avoir désactivé ou modifié le comportement du lecteur de notes.</li></ul><h2 class="text-2xl font-bold py-2" id="h2-10">Mini-méthodologie (processus rapide)</h2><ol class="my-6 space-y-2 list-decimal pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Écrire le contenu en ASCII.</li><li class="">Ajouter <title> si besoin.</li><li class="">Entourer les éléments cliquables avec <a href=”music?…”>…</a>.</li><li class="">Copier dans le dossier Notes de l’iPod.</li><li class="">Éjecter et tester sur l’iPod.</li></ol><h2 class="text-2xl font-bold py-2" id="h2-11">Critères d’acceptation</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Le lien est visible (souligné) dans l’iPod.</li><li class="">En appuyant sur SELECT depuis la note, l’iPod démarre la lecture correspondant au critère (album/artist/genre).</li><li class="">Les noms pointés correspondent à des éléments existants dans la bibliothèque.</li></ul><h2 class="text-2xl font-bold py-2" id="h2-12">Fiche récapitulative (Fact box)</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Format de fichier : ASCII / Plain Text</li><li class="">Emplacement : dossier Notes sur l’iPod</li><li class="">Balises : <a href=”music?album=…”>, <a href=”music?artist=…”>, <a href=”music?genre=…”></li><li class="">Encodage recommandé : URL-encoding pour espaces et caractères spéciaux</li></ul><h2 class="text-2xl font-bold py-2" id="h2-13">Glossaire (1 ligne chacun)</h2><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">Notes : lecteur de fichiers texte intégré à l’iPod.</li><li class="">Balise d’ancre : <a> HTML utilisée pour créer des liens.</li><li class="">Encodage URL : conversion des caractères spéciaux en séquences %XX.</li></ul><h2 class="text-2xl font-bold py-2" id="h2-14">Résumé</h2><p class="">Vous pouvez enrichir vos notes iPod avec des liens qui lancent la lecture d’un album, d’un artiste ou d’un genre. Créez un fichier texte en ASCII, utilisez des balises d’ancre avec music?album / music?artist / music?genre, encodez les espaces si nécessaire, placez le fichier dans le dossier Notes et testez sur l’appareil.</p><p class="">Notes importantes : certains iPod ou versions logicielles peuvent varier ; en cas de problème, vérifiez le format du fichier et l’exactitude des libellés.</p> </div> </div> <div class="mt-8"> <div class="flex flex-wrap items-center gap-2"> <span class="text-sm text-slate-600 dark:text-slate-300">Partager:</span> <a href="https://twitter.com/intent/tweet?url=https://techhaps.com/fr/p/how-to-create-notes-on-the-ipod-99353631&text=Liens%20iPod%20dans%20Notes%20pour%20lancer%20la%20lecture" target="_blank" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800"> X/Twitter </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://techhaps.com/fr/p/how-to-create-notes-on-the-ipod-99353631" target="_blank" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800"> Facebook </a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://techhaps.com/fr/p/how-to-create-notes-on-the-ipod-99353631" target="_blank" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800"> LinkedIn </a> <a href="https://t.me/share/url?url=https://techhaps.com/fr/p/how-to-create-notes-on-the-ipod-99353631&text=Liens%20iPod%20dans%20Notes%20pour%20lancer%20la%20lecture" target="_blank" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800"> Telegram </a> <button type="button" id="copyLink" data-url="https://techhaps.com/fr/p/how-to-create-notes-on-the-ipod-99353631" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800 cursor-pointer"> Copier le lien </button> </div> </div> <div class="mt-10 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5 flex items-center gap-4"> <img src="/images/avatar-78998a9e25a46e051fea19306867798d.svg?vsn=d" alt="" class="h-12 w-12 rounded-full ring-1 ring-slate-200 dark:ring-slate-700" loading="lazy"> <div> <div class="text-sm text-slate-500">Auteur</div> <div class="text-base font-semibold text-slate-900 dark:text-white"> Édition </div> </div> </div> <nav class="mt-10 grid gap-4 md:grid-cols-2"> <a href="/fr/p/add-xbox-games-to-steam-how-to-properly-do-it-47354" class="group rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <div class="text-xs text-slate-500">Article précédent</div> <div class="mt-1 font-semibold text-slate-900 dark:text-white line-clamp-2 group-hover:text-indigo-600"> Ajouter jeux Xbox à Steam — Guide pratique </div> </a> <a href="/fr/p/how-to-customize-your-mac-os-x-boot-logo-10254338" class="group rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <div class="text-xs text-slate-500">Article suivant</div> <div class="mt-1 font-semibold text-slate-900 dark:text-white line-clamp-2 group-hover:text-indigo-600"> Changer le logo de démarrage macOS avec BootXChanger </div> </a> </nav> <div class="mt-12"> <h2 class="text-xl md:text-2xl font-bold tracking-tight text-slate-900 dark:text-white"> Matériaux similaires </h2> <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 gap-4"> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-speed-up-xbox-downloads-without-quitting-your-current-game-102599447" class="absolute inset-0 z-10" aria-label="Accélérer les téléchargements Xbox rapidement"> </a> <div class="overflow-hidden rounded-xl"> <img src="/files/17377b9f-b8e9-447b-9444-b7194fce1e9d.jpg" alt="Accélérer les téléchargements Xbox rapidement" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> Guides Xbox </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Accélérer les téléchargements Xbox rapidement </h3> </div> </article> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-customize-your-mac-os-x-boot-logo-10254338" class="absolute inset-0 z-10" aria-label="Changer le logo de démarrage macOS avec BootXChanger"> </a> <div class="overflow-hidden rounded-xl"> <img src="/files/0e0aa0ad-7d47-460c-b9a8-306f733f5ae1.png" alt="Changer le logo de démarrage macOS avec BootXChanger" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> macOS </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Changer le logo de démarrage macOS avec BootXChanger </h3> </div> </article> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-stop-windows-10-from-turning-off-your-screen-102602384" class="absolute inset-0 z-10" aria-label="Empêcher Windows 10 d’éteindre l’écran"> </a> <div class="overflow-hidden rounded-xl"> <img src="/files/889291f6-f283-4401-93c1-1d25347ca04c.jpg" alt="Empêcher Windows 10 d’éteindre l’écran" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> Windows </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Empêcher Windows 10 d’éteindre l’écran </h3> </div> </article> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-create-notes-on-the-ipod-99353631" class="absolute inset-0 z-10" aria-label="Liens iPod dans Notes pour lancer la lecture"> </a> <div class="overflow-hidden rounded-xl"> <img alt="Liens iPod dans Notes pour lancer la lecture" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> Guide technique </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Liens iPod dans Notes pour lancer la lecture </h3> </div> </article> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-automatically-forward-sms-to-your-email-on-android-102604632" class="absolute inset-0 z-10" aria-label="Transférer SMS Android vers e‑mail — guide complet"> </a> <div class="overflow-hidden rounded-xl"> <img src="/files/c0f5078a-35e5-4863-9764-72d602c70c86.jpg" alt="Transférer SMS Android vers e‑mail — guide complet" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> Android </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Transférer SMS Android vers e‑mail — guide complet </h3> </div> </article> <article class="group relative grid grid-cols-[96px_1fr] gap-4 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-3 hover:bg-slate-50/70 dark:hover:bg-slate-800/50 transition"> <a href="/fr/p/how-to-set-up-automatic-out-of-office-replies-in-new-outlook-81769796" class="absolute inset-0 z-10" aria-label="Réponse automatique dans le Nouvel Outlook"> </a> <div class="overflow-hidden rounded-xl"> <img src="/files/b166ef7a-551e-4952-b580-66625893aad4.png" alt="Réponse automatique dans le Nouvel Outlook" class="h-24 w-full object-cover" loading="lazy"> </div> <div class="min-w-0"> <div class="mb-1 flex items-center gap-2"> <span class="inline-flex items-center rounded-full bg-slate-100 dark:bg-slate-800 px-2.5 py-1 text-xs font-medium text-slate-700 dark:text-slate-200 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-700/60"> Productivité </span> <time class="text-xs text-slate-500">29 Sep 2025</time> </div> <h3 class="text-sm font-semibold text-slate-900 dark:text-white line-clamp-2"> Réponse automatique dans le Nouvel Outlook </h3> </div> </article> </div> </div> </div> <div class="hidden lg:block"> <aside class="lg:sticky lg:top-24"> <div class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4"> <h2 class="text-sm font-semibold text-slate-900 dark:text-white"> Contenu </h2> <ul class="mt-3 space-y-1 text-sm"> <li class="leading-5 ml-0"> <a href="#h2-0" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Introduction </a> </li> <li class="leading-5 ml-0"> <a href="#h2-1" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Matériel et prérequis </a> </li> <li class="leading-5 ml-0"> <a href="#h2-2" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Principe de fonctionnement (vue d'ensemble) </a> </li> <li class="leading-5 ml-0"> <a href="#h2-3" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Exemple : créer une liste « My Top Albums » </a> </li> <li class="leading-5 ml-0"> <a href="#h2-4" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Autres paramètres utiles </a> </li> <li class="leading-5 ml-0"> <a href="#h2-5" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Exemple complet prêt à copier </a> </li> <li class="leading-5 ml-0"> <a href="#h2-6" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Checklist pour créer des liens valides </a> </li> <li class="leading-5 ml-0"> <a href="#h2-7" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Dépannage commun </a> </li> <li class="leading-5 ml-0"> <a href="#h2-8" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Alternatives et bonnes pratiques </a> </li> <li class="leading-5 ml-0"> <a href="#h2-9" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Cas où cette méthode échoue </a> </li> <li class="leading-5 ml-0"> <a href="#h2-10" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Mini-méthodologie (processus rapide) </a> </li> <li class="leading-5 ml-0"> <a href="#h2-11" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Critères d'acceptation </a> </li> <li class="leading-5 ml-0"> <a href="#h2-12" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Fiche récapitulative (Fact box) </a> </li> <li class="leading-5 ml-0"> <a href="#h2-13" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Glossaire (1 ligne chacun) </a> </li> <li class="leading-5 ml-0"> <a href="#h2-14" class="block rounded px-2 py-1 text-slate-600 hover:text-indigo-600 dark:text-slate-300"> Résumé </a> </li> </ul> </div> </aside> </div> </div> </article> </main> <footer class="mt-10 border-t border-zinc-200 dark:border-zinc-800"> <div class="mx-auto max-w-7xl px-4 py-10 text-sm text-zinc-500 grid md:grid-cols-2 align-middle"> <div> <img src="/logo.svg" alt="Guide des technologies" width="280" height="40" class="w-full md:w-[280px]"> </div> <div class="mt-4 md:mt-0"> <ul> <li class="mt-1"> <a href="/about" class="hover:underline">À propos de nous</a> </li> <li class="mt-1"> <a href="/privacy" class="hover:underline"> Politique de confidentialité </a> </li> <li class="mt-1"> <a href="/fr/feed" class="hover:underline"> Fil d'articles </a> </li> </ul> <div class="mt-1"> © 2025 Créer des liens iPod dans Notes pour lancer la lecture </div> </div> </div> </footer> </body> </html>