Cet article explique les language tags, un concept clé pour l'internationalisation (i18n) et la localisation (l10n) des applications web. Il définit ces termes selon le W3C et détaille les standards du Web (RFC 5646, BCP 47) qui régissent les language tags. Ces tags, composés de subtags séparés par des tirets, permettent d'identifier précisément une langue, une écriture, une région ou d'autres variantes. L'article fournit des exemples et des explications sur la syntaxe des language tags, offrant ainsi une compréhension claire de leur utilisation pour adapter les applications à différents marchés linguistiques et culturels.
Les technologies anciennes du navigateur, notamment XPath et certaines parties du stack XML, restent utiles malgré l’abstraction apportée par les frameworks modernes, car elles permettent des opérations difficiles ou impossibles avec les outils courants comme les sélecteurs CSS, par exemple interroger le DOM selon la position relative des éléments ou extraire directement des valeurs complexes. L’article montre que combiner XPath et CSS peut fournir des requêtes plus puissantes et robustes, particulièrement pour les tests automatisés où XPath peut cibler des éléments même si les classes ou la structure changent, tout en soulignant que certaines technologies comme XSLT 1.0 sont en voie de dépréciation dans les navigateurs, ce qui pourrait réduire une partie de cet écosystème sans pour autant faire disparaître XPath lui-même.
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="8e814b707903622e460a94153404c2da0bec31b3" 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>
