Cet article explore les éléments HTML oubliés et obsolètes, en rappelant que la technologie a 32 ans et a connu des évolutions. L'auteur, Declan Chidlow, évoque des balises comme , , les framesets, et <listing>, en soulignant leur obsolescence et les problèmes qu'elles posaient, notamment en termes d'accessibilité. Il recommande de ne pas les utiliser et rappelle que certaines, bien que dépréciées, sont encore supportées pour des raisons de compatibilité. Un voyage dans le temps pour les développeurs expérimentés et une découverte pour les plus jeunes.</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/html">html</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/obsolescence">obsolescence</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/YsUQOw" title="Permalien"> <span class="linkdate" title="Permalien"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 9:03:16 PM GMT+1 · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/22/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/22/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://htmhell.dev/adventcalendar/2025/22/" aria-label="The HTML Elements Time Forgot - HTMHell" title="The HTML Elements Time Forgot - HTMHell"> <i class="fa fa-link" aria-hidden="true"></i> https://htmhell.dev/adventcalendar/2025/22/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/22/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/22/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="2NG9dA"></div> <div class="linklist-item linklist-item" data-id="24772"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Évolution rapide et lente : le paradoxe de la plateforme Web — 24 jours de web</span> </a> </h2> </div> <div class="linklist-item-description"> <div class="markdown"><p>Tout est dans le titre</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/%C3%A9volution">évolution</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/css3">css3</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/2NG9dA" title="Permalien"> <span class="linkdate" title="Modifié : December 17, 2024 at 9:44:52 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 17, 2024 at 9:44:52 PM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" aria-label="Évolution rapide et lente : le paradoxe de la plateforme Web — 24 jours de web" title="Évolution rapide et lente : le paradoxe de la plateforme Web — 24 jours de web"> <i class="fa fa-link" aria-hidden="true"></i> https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="poZ1Iw"></div> <div class="linklist-item linklist-item" data-id="19820"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">StandardiZ-Ation web de A-Z. Il y a un consortium pour ça. – 24 jours de web</span> </a> </h2> </div> <div class="linklist-item-description"> <div class="markdown"><p>Passionnant :)</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/poZ1Iw" title="Permalien"> <span class="linkdate" title="Modifié : December 5, 2021 at 5:47:02 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 5, 2021 at 5:47:02 PM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/" aria-label="StandardiZ-Ation web de A-Z. Il y a un consortium pour ça. – 24 jours de web" title="StandardiZ-Ation web de A-Z. Il y a un consortium pour ça. – 24 jours de web"> <i class="fa fa-link" aria-hidden="true"></i> https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.24joursdeweb.fr/2021/standardiz-ation-web-de-a-z-il-y-a-un-consortium-pour-ca/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="ycM3IQ"></div> <div class="linklist-item linklist-item" data-id="11158"> <div class="linklist-item-title"> <div class="linklist-item-editbuttons"> </div> <h2> <a href="http://blog.eleven-labs.com/fr/video-live-dash-hls/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Les principaux formats de flux video live DASH et HLS | Blog Eleven Labs</span> </a> </h2> </div> <div class="linklist-item-description"> <div class="markdown"><p>Tout est dans le titre</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/streaming">streaming</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/video">video</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/ycM3IQ" title="Permalien"> <span class="linkdate" title="Modifié : January 20, 2020 at 2:26:58 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> July 20, 2017 at 3:29:45 PM GMT+2 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="http://blog.eleven-labs.com/fr/video-live-dash-hls/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/http://blog.eleven-labs.com/fr/video-live-dash-hls/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="http://blog.eleven-labs.com/fr/video-live-dash-hls/" aria-label="Les principaux formats de flux video live DASH et HLS | Blog Eleven Labs" title="Les principaux formats de flux video live DASH et HLS | Blog Eleven Labs"> <i class="fa fa-link" aria-hidden="true"></i> http://blog.eleven-labs.com/fr/video-live-dash-hls/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="http://blog.eleven-labs.com/fr/video-live-dash-hls/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/http://blog.eleven-labs.com/fr/video-live-dash-hls/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="7h62aw"></div> <div class="linklist-item linklist-item" data-id="3731"> <div class="linklist-item-title"> <div class="linklist-item-editbuttons"> </div> <h2> <a href="http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Le web est morcelé ? Merci le W3C ! - sebsauvage.net - Les trucs qui m'énervent -</span> </a> </h2> </div> <div class="linklist-item-description"> <div class="markdown"><p>Tout est dit... et ça fait du bien de lire ça</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/7h62aw" title="Permalien"> <span class="linkdate" title="Modifié : January 20, 2020 at 8:06:11 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> November 21, 2012 at 9:02:28 PM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c" aria-label="Le web est morcelé ? Merci le W3C ! - sebsauvage.net - Les trucs qui m'énervent -" title="Le web est morcelé ? Merci le W3C ! - sebsauvage.net - Les trucs qui m'énervent -"> <i class="fa fa-link" aria-hidden="true"></i> http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> </div> </div> </div> <div id="plugin_zone_end_linklist" class="plugin_zone"> </div> <div id="linklist-paging-bottom-block" class="pure-g link-count-block"> <div class="pure-u-lg-2-24 pure-u-1-24"></div> <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> <div class="linklist-paging"> <div class="paging pure-g"> <div class="linklist-filters pure-u-1-3"> <span class="linklist-filters-text pure-u-0 pure-u-lg-visible"> Filtres </span> <a href="/liens/untagged-only" aria-label="Filtrer par liens sans tag" title="Filtrer par liens sans tag" class="filter-off" ><i class="fa fa-tag" aria-hidden="true"></i></a> <a href="#" class="filter-off fold-all pure-u-lg-0" aria-label="Replier tout" title="Replier tout"> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> </div> <div class="linklist-pages pure-u-1-3"> </div> <div class="linksperpage pure-u-1-3"> <div class="pure-u-0 pure-u-lg-visible">Liens par page</div> <a href="/liens/links-per-page?nb=20" class="selected">20</a> <a href="/liens/links-per-page?nb=50" >50</a> <a href="/liens/links-per-page?nb=100" >100</a> <form method="GET" class="pure-u-0 pure-u-lg-visible" action="/liens/links-per-page"> <input type="text" name="nb" placeholder="133" > </form> <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" aria-label="Replier tout" title="Replier tout"> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </main> <div class="pure-g"> <div class="pure-u-2-24"></div> <footer id="footer" class="pure-u-20-24 footer-container" role="contentinfo"> <i class="fa fa-shaarli" aria-hidden="true"></i> <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> · Le gestionnaire de marque-pages personnel, minimaliste, et sans base de données par la communauté Shaarli · <a href="/liens/doc/html/index.html" rel="nofollow">Documentation</a> </footer> <div class="pure-u-2-24"></div> </div> <script src="/liens/plugins/qrcode/shaarli-qrcode.js"></script> <script src="/liens/plugins/playvideos/youtube_playlist.js"></script> <div id="js-translations" class="hidden" aria-hidden="true"> <span id="translation-fold">Replier</span> <span id="translation-fold-all">Replier tout</span> <span id="translation-expand">Déplier</span> <span id="translation-expand-all">Déplier tout</span> <span id="translation-delete-link">Êtes-vous sûr de vouloir supprimer ce lien ?</span> <span id="translation-delete-tag">Êtes-vous sûr de vouloir supprimer ce tag ?</span> <span id="translation-shaarli-desc"> Le gestionnaire de marque-pages personnel, minimaliste, et sans base de données par la communauté Shaarli </span> </div> <input type="hidden" name="js_base_path" value="/liens" /> <input type="hidden" name="token" value="612fab99f8b2212609f7e0f5b6b644ef99be9a15" id="token" /> <input type="hidden" name="tags_separator" value=" " id="tags_separator" /> <script src="/liens/tpl/default/js/shaarli.min.js?v=8ba283f85e9a4dc050ce550fb96a14315538546b28852cf4bd5372ee6fdd7f20"></script> <script src="/liens/tpl/default/js/thumbnails.min.js?v=8ba283f85e9a4dc050ce550fb96a14315538546b28852cf4bd5372ee6fdd7f20"></script> </body> </html>