Search within TutorialsPark

HTML Language


HTML5 introduces new elements to support East-Asian and Arabic languages.


East Asian Languages: Element <rp> , <rt> and <ruby> .

East Asian languages are not supported on all browsers, to address this problem three HTML5 elements are used <rp> , <rt> and <ruby>

<ruby>:Element is used to provide annotations(i.e comments or explanations) inorder to show pronounciation of east asian characters.

<rp>:Incase <ruby> element is not supported, the contents(in parenthesis) within the <rp> element is shown to denote the presence of ruby comments or explanations.

<rt>:Element shows the pronounciation of East asian language characters, element <rt> should always be used inside <ruby> element.

Example: East Asian Languages element <rp> , <rt> and <ruby> .

Give it a TRY! » Note- pronounciation is aided by the text within <rt> element, and displayed above the logographic language text.


Bidirectional Isolation: Element <bdi> .

1.The Bidirectional Isolation element <bdi> enables you to display a span of text in a different direction than the surrounding text.

2.Used for languages like Arabic and Hebrew which have a directionality from right to left(r-t-l).

Example:Bidirectional Isolation Element <bdi> .

Give it a TRY! » Note-Notice that the directionality of both text and numbers are intact,without <bdi> 45 would be displayed after rank .

Bidirectional Override:Element <bdo>

1.The Birectional Override element <bdo> used to explicitly override the natural directionality of the text.

2.True directionality is from left-right but Language(Arabic or Hebrew) script text will appear in opposite direction. But even that can be made to appear from left to right using the bdo element.

3.The attribute "dir" specifies the direction.It assumes two values, left to right(l-t-r) or right to left(r-t-l).

Example: abbbreviation <abbr> .

Give it a TRY! »

Note-Notice that the direction changes from left to right and vice-versa.

Computer Related Languages

1.<var>To represent a variable in Computational, Mathematical or programming context.Rendered in italics.

2.<code>To denote a standalone block of computer code that appears inline in monospaced fonts.

3.<kbd>Stands for "keyboard",to denote text or voice to be entered by a user.Rendered inline in monospaced fonts.

4.<samp>To denote a sample output generated by computer program, scripts, systems etc.Rendered in monospaced font(typically "Lucida Console").

Example: abbbreviation <abbr> .

Give it a TRY! »

Note-Notice that the direction changes from left to right and vice-versa.

Related Examples

Related Tags