CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Learn i18n</title> <meta name="description" content="Resources of the W3C Internationalization Activity." /> <script> var f = { } // AUTHORS should fill in these assignments: f.directory = ''+'/'; // the path to this file, not including /International or the file name f.filename = 'learn'; // the file name WITHOUT extensions f.authors = 'Richard Ishida, W3C'; // author(s) and affiliations f.previousauthors = ''; // as above f.modifiers = ''; // people making substantive changes, and their affiliation f.searchString = 'learn'; // blog search string - usually the filename without extensions f.firstPubDate = '2009-03-12'; // date of the first publication of the document (after review) f.lastSubstUpdate = { date:'2013-02-06', time:'18:04'} // date and time of latest substantive changes to this document f.status = 'notreviewed'; // should be one of draft, review, published, notreviewed or obsolete f.path = './' // what you need to prepend to a URL to get to the /International directory // AUTHORS AND TRANSLATORS should fill in these assignments: f.thisVersion = { date:'2023-07-27', time:'12:18'} // date and time of latest edits to this document/translation f.contributors = ''; // people providing useful contributions or feedback during review or at other times // also make sure that the lang attribute on the html tag is correct! // TRANSLATORS should fill in these assignments: f.translators = 'xxxNAME, ORG'; // translator(s) and their affiliation - a elements allowed, but use double quotes for attributes f.breadcrumb = ''; f.additionalLinks = '' </script> <script src="learn-data/translations.js"> </script> <script src="../javascript/doc-structure/article-dt.js"> </script> <script src="../javascript/boilerplate-text/boilerplate-en.js"></script> <script src="../javascript/doc-structure/sitepage-2022.js"> </script> <script src="../javascript/articletoc-2022.js"></script> <link rel="stylesheet" href="../style/sitepage-2022.css"> <style> #topicArea li { font-weight: normal; font-size: 110%; margin: 0; padding: 0; margin-bottom: 5px; } ul { margin-left: 0; padding: 0; list-style-type: none; } .tag { list-style-type: none; margin: 0; margin-bottom:3px; padding: 0; color: teal; cursor: pointer; } #output { margin-bottom: 3em; } #lists td { vertical-align: top; } .detail li { margin-bottom: 1em; } .detail { margin-left: 0.5em; } .selector ul { padding: 2em 0 0 0; } .selector li a { border-radius: 10px; padding: 5px 20px; border: 1px solid #CCC; display: inline-block; } .selector li { font-size: 170%; text-align: center; margin-bottom: 20px; } .selector li a:hover { background-color: #005a9c; color: white; } </style> <link rel="copyright" href="#copyright"/> </head> <body> <header> <nav id="mainNavigation"></nav><script>document.getElementById('mainNavigation').innerHTML = mainNavigation</script> </header> <div class="content"> <h1>Learn to internationalize</h1> <p>This page aims to connect you quickly with learning resources that guide you in applying internationalization to your content development, implementation, and so on.</p> <div class="selector"> <ul> <li><a href="about.html">What is internationalization?</a></li> </ul> </div> <section id="techniques"> <h2>Techniques for content developers</h2> <p>The techniques page (second choice in the links below) is particularly useful. It presents you with a series of task-based do's and don'ts, accompanied by links to useful resources on the W3C Internationalization site and elsewhere. Following that are a set of 'tutorials', ie. pages that point to other resources to cover a particular topic.</p> <div class="selector"> <ul> <li><a href="../getting-started/index.html">Getting started with internationalization</a></li> <li><a href="../techniques/authoring-html.en?collapse">HTML & CSS authoring techniques</a></li> <li><a href="https://w3.org/International/tutorials/tutorial-char-enc/">Handling character encodings in HTML and CSS</a></li> <li><a href="https://w3.org/International/tutorials/language-decl/">Working with language in HTML</a></li> <li><a href="https://w3.org/International/tutorials/bidi-xhtml/">Creating HTML Pages in Arabic & Hebrew<br/><span style="font-size: 80%;">and Other Right-to-left Scripts</span></a></li> <li><a href="https://w3.org/International/articlelist">List of articles</a></li> </ul> </div> </section> <section id="specreview"> <h2>Developer checklist</h2> <p>Specification developers can use the following techniques to do a self-review. The checklist lists do's and don'ts and also points to explanations, example, and the like.</p> <div class="selector"> <ul> <li><a href="https://www.w3.org/TR/international-specs/">Spec review checklist</a></li> </ul> </div> </section> <section id="layout"> <h2>Language enablement</h2> <p>The W3C is gathering information about issues that users experience around the world when they try to use the Web, especially related to typography and layout. The following links take you to pages that provide useful information.</p> <div class="selector"> <ul> <li><a href="https://w3.org/TR/typography/">Language enablement index</a></li> <li><a href="https://w3c.github.io/type-samples/"> Type samples</a></li> <li><a href="/International/typography/gap-analysis/language-matrix.html">Language matrix</a></li> <li><a href="/International/i18n-drafts/nav/languagedev">More text layout resources</a></li> </ul> </div> </section> </div> <br style="clear:both;" /> <footer id="thefooter"></footer><script>document.getElementById('thefooter').innerHTML = g.bottomOfPage</script> <script>completePage()</script> </body> </html>