More about HTML5 and Multilingual Websites
Below are some more ways in which to utilize HTML5 to enhance your multilingual websites:
Ruby annotations are pieces of text showing up alongside the so-called base text. They usually provide additional information about the base text, such as its pronunciation. Their use is most common in East Asian documents. It can also show translations right above the source text. Here are some examples:
Ruby providing translation
Ruby providing pronunciation guidance
Examples taken from here.
HTML5 supports Ruby annotation through the following four tags:
The Ruby tag -- Specifies a Ruby Annotation
Have you ever dreamed of adding sticky note functionality to your website, allowing users to jot down comments directly on your Web pages? Or have you ever wished your translation agency could directly access your web copy to extract text for translation? Your wishes are granted with this new attribute.
All you need to do is set ContentEditable to true for any element, and the user or translator can then click on it to directly change or copy the text.
Here’s how it works: By default, elements with the ContentEditable attribute set will have a gray border as the user hovers over them. Clicking inside the element will give the user access to its content. The user can then edit or copy it directly.
If you want to provide spellcheck for user-generated content, you can now use the new