index.html 1.2 KB

123456789101112131415161718192021222324252627
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4. <head>
  5. <link rel="stylesheet" href="l10n/en/index.css" />
  6. <meta charset="utf-8" />
  7. <meta name="generator" content="HTML Tidy for HTML5 for FreeBSD version 5.8.0" />
  8. <!-- script src="../live.js"></script -->
  9. <script src="l10n.js"></script>
  10. <title>l10n Demo</title>
  11. </head>
  12. <body>
  13. <p>See <a href="https://www.w3.org/International/questions/qa-css-lang">Styling using language
  14. attributes</a></p>
  15. <p>The document is an experiment to try localisation without javascript but CSS only. This may
  16. make no sense, as we need javascript anyway to detect &amp; apply the browser language. This
  17. approach comes with a default language (<code>&lt;html lang="en"</code>) and an according wording
  18. css (<code>l10n/en/index.css</code>). On load it applies the javascript
  19. <code>navigator.language</code>.</p>
  20. <p>'<span data-l10n="🏳️"></span>'</p>
  21. <p>'<span data-l10n="Huhu"></span>' und '<span data-l10n="Huhu"></span>' und noch ein
  22. <span data-l10n="missing">.</span></p>
  23. <p lang="en" xml:lang="en">Surely you can have fixed language paragraphs, as well!</p>
  24. </body>
  25. </html>