This document describes requirements for the layout and presentation of text in languages that use the Mongolian script when they are used by Web standards and technologies, such as HTML, CSS, Mobile Web, Digital Publications, and Unicode.

This document describes the basic requirements for Mongolian script layout and text support on the Web and in eBooks. These requirements provide information for Web technologies such as CSS, HTML and digital publications about how to support users of Mongolian script languages. Currently the document focuses on the Traditional Mongolian script as used for Mongolian. The information here is developed in conjunction with a document that summarises gaps in support on the Web for Mongolian.

The editor's draft of this document is being developed by the Mongolian Layout Task Force, part of the W3C Internationalization Interest Group. It is published by the Internationalization Working Group. The end target for this document is a Working Group Note.

To make it easier to track comments, please raise separate issues or emails for each comment, and point to the section you are commenting on  using a URL.

Introduction

About this document

This standard describes the Mongolian format standard, which can be used and achieve implementation in the CSS, SVG and XSL-FO, and it can also be used as the reference documents for office software. It mainly focuses on the Mongolian script and its features, the basic module of Mongolian text, page layout, new CSS standard and accessories.

Scope

The document describes the rules of composition of various types of text written in traditional Mongolian script and pictures, etc. in various network formats. The purpose of this standard is not to provide complete solution, but to describe the important basic information needed in the implementation in a computer.

The main purpose of this document is to provide standardization and guiding rules for the display and application of traditional Mongolian script in the web. However, the more complex layout requirements such as paper layout are not included in this document. Thus, this document includes the most basic rules of display of page and characters of the traditional Mongolian script, aiming at formulating the corresponding standards of web display and application of Mongolian script for the web application vendors to follow this standard of display and application of Mongolian script in the web.

Terminology

The following terms and definitions apply to this standard.

Composition
The composition in the W3C Standard Format includes Mongolian characters, punctuation marks, and other marks related to the script.
Mongolian Space
Two spaces are used in Mongolian, U+0020 SPACE and the Mongolian space U+202F NARROW NO-BREAK SPACE.
Mongolian Symbols
This refers to various symbols used in Mongolian text. In formulating the Mongolian coding standard, some of the codes is used in the coding area of the Mongolian standard, while the rest are symbols used in the scripts of other ethnic groups, due to the fact that some symbols are borrowed from other ethnic groups.
Baseline
Baseline in Mongolian is called “Nirogo”. Mongolian writing is generally aligned to the baseline.
Writing Direction
It refers to the default direction of writing. For example, English writing direction is horizontal from top to bottom, while the Mongolian writing is vertical from left to right.
Text Width
Text width indicates the distance from the word at the left start to the word at the right ead in a line in Mongolian, in the equivalent of the height of the horizontal English or Chinese text writing.
Text Height
Text height refers to the height of a Mongolian word, in equivalent of the width of the horizontal English or Chinese text writing.
Text Spacing
Text spacing refers to the gap between the Mongolian words.
Leftline and Rightline
As the Mongolian writing is vertical, the right line, the left line and the line through is equivalent to the underline and overline in the horizontal English or Chinese text writing.

Gap analysis

This document is pointed to by a separate document, Mongolian Gap Analysis, which describes gaps in support for Mongolian on the Web, and prioritises and describes the impact of those gaps on the user.

Wherever an unsupported feature is indentified through the gap analysis process, the requirements for that feature need to be documented. This document is where those requirements are described.

This document should contain no reference to a particular technology. For example, it should not say "CSS does/doesn't do such and such", and it should not describe how a technology, such as CSS, should implement the requirements. It is technology agnostic, so that it will be evergreen, and it simply describes how the script works. The gap analysis document is the appropriate place for all kinds of technology-specific information.

Other related resources

Initial content for this document drew on Chinese standards work. (EXPAND)

The document International text layout and typography index (known informally as the text layout index) points to this document and others, and provides a central location for developers and implementers to find information related to various scripts.

The W3C also maintains a tracking system that has links to github issues in W3C repositories. There are separate links for (a) requests from developers to the user community for information about how scripts/languages work, (b) issues raised against a spec, and (c) browser bugs. For example, you can find out what information developers are currently seeking, and the resulting list can also be filtered by script.

Mongolian Script Overview

This section introduces the Mongolian script in general terms, providing some context and terminology that is useful in the remainder of the document. If possible, it's best not to introduce actual requirements in this section, but to leave those and detailed descriptions of expected typography to the sections that follow.

TBD

Characters and phrases

Punctuation

Punctuation rules

There are some specific requirements while using the Mongolian punctuation:

  1. Commas, periods, exclamation marks, question marks, or colons cannot be used at the beginning of a line.
  2. Opening brackets cannot be used at the end of a line.
  3. Closing brackets cannot be used at the beginning of a line.
  4. The colon and "《" of the opening bracket cannot be used separately, which means they must be used together and they are not allowed to be used at the beginning of a line.
  5. Dash consists of two long separators, which cannot be separated, i.e. one cannot be used at the beginning of a line and the other is at the end. However, it is allowed to appear at the beginning of the line when a paragraph begins.
  6. Mongolian names of Mongolian punctuation and writing direction are as shown in , namely the writing direction is the same as that in the graph. Need to clarify the meaning of this bullet.

    Mongolian punctuation sample.
  7. Mongolian punctuation should be centered vertically, as shown in .

    Alignment relationship between punctuation and Mongolian script text.

Display rules for Mongolian space

Mongolian word suffixes are separated from the preceding word using U+202F NARROW NO-BREAK SPACE, rather than U+0020 SPACE. For example, the code points that make up the suffix “ ᠤᠨ” are: 0x202F 0x1824 0x1828.

The difference between the common space and Mongolian space.

U+202F NARROW NO-BREAK SPACE and a following suffix cannot appear at the beginning of a line. For example, shows the correct approach and shows an incorrect approach.

Correct processing.

Incorrect processing.

Text boundaries & selection

Selection rules

Inline selected text must overlap the Mongolian baseline, as shown in . Multi-line selection must follow the writing direction of the Mongolian script, i.e., text direction from top to bottom and from left to right, as shown in .

The effect of choosing a single-line text.

 

The effect of choosing multi-line text.

Cursor movement rules

Striking cursor movement keys on the keyboard, including “←”, “→”, “↑”, “↓”, “Page Up”, “Page Down”, “Home” and “End”, should produce movement that follows the writing direction of the Mongolian script from top to bottom and from left to right. For example, the cursor moves to the left after striking the “←” key; the cursor moves to the right when striking the “→” key. The cursor moves down after striking the “↓” key. When the cursor reaches the bottom of the current line, and the key “↓” is pressed again, the cursor will move right and to the top of the next line, as shown in . In the case of the “↑” key, the opposite occurs.

Illustration of cursor movement.

Mouse pointer rules

The mouse pointer in text editing is shown in .

Illustration of the text cursor in Mongolian text.

The scrollbar will scroll left and right when mouse wheel is scrolling, that is, the scrollbar will move left or the text will move right when mouse wheel is scrolling forward; the scrollbar will move right or the text will move left when mouse wheel is scrolling backward.

The cursor shape during text editing (shown in ) must be aligned at the base on the midpoint of the Mongolian script baseline, that is, the midpoint of the Mongolian script baseline overlaps the midpoint of the cursor, with the length no longer than the middle line between the two lines of the text, as shown in .

Illustration of cursor movement.

Text decoration

The “right line” in Mongolian writing is to the right of the text, and is used similarly to the underline of horizontal English and Chinese text. The “left line” is to the left of the text, and is used similarly to the overline of horizontal English and Chinese text. The strikethrough is a baseline-centered vertical line as shown in .

Illustration of the right line, the left line and the strikethrough.

Underline, overline and strikethrough in mixed composition with other languages are shown in :

Underline, overline and strikethrough as mixed with other languages.

Lines alongside the text may break on the spaces between words. When doing so, the gaps introduced before suffixes by U+202F NARROW NO-BREAK SPACE and U+180E MONGOLIAN VOWEL SEPARATOR should not be skipped. Even though there is a gap, suffixes are considered part of the word. See an example in the second word of :

When inter-word spaces are skipped, gaps produced by NNBSP or MVS are not.

Other inline features

Mongolian text width, height and spacing

Due to the different height of Mongolian text, in order to ensure that every character is in fully displayed and the whole word looks beautiful, the height of each letter must keep in balance. The spaces between words must be different from the common gaps before suffixes, whose code point is U+202F NARROW NO-BREAK SPACE. See :

The height, width and spacing of Mongolian words.

Lines and Paragraphs

Line breaking

Line-breaking should not split words. shows correct line-breaking, without breaking the Mongolian words. shows incorrect line-breaking for “” and “”.

Correct newline.

Incorrect newline.

Text alignment

Text alignment includes "left alignment", "horizontal centering", and “right alignment ”, as well as “top alignment”, “vertical centering”, “bottom alignment”and “top-bottom alignment”.

"Left alignment ", "horizontal centering" and “right alignment” are the alignment rules that apply inside a line. “Top alignment”, “horizontal centering”, “bottom alignment” and “top-bottom alignment” are the alignment rules in a page or a paragraph of a multi-line text.

Among "left alignment", "horizontal centering" and “right alignment”, “horizontal centering” is a default option which means that the Mongolian text will align based on its baseline axis. “Left alignment” means that the text will move left a certain distance, which shows obvious differences compared with the text after setting “horizontal center”. “Right alignment” means that the text will move right a certain distance after, which shows obvious differences compared with the text after setting “horizontal center”.

Among “Top alignment”, “vertical center”, “bottom alignment” and “top-bottom alignment”, “top-bottom alignment” is a default option which means that the words in the upper and the lower boundary of a multi-line text in a paragraph or a page are all aligned. Its alignment method is that spaces in the text are stretched in the same proportion. “Top alignment” means that the words in the upper boundary of a multi-line text in a paragraph or a page are all aligned without considering the alignment of the lower boundary and stretching the space between words. “Vertical center” means the words in the upper and the lower boundary of a multi-line text in a paragraph or a page do not need to align and leave the same blank under the condition of no-stretching space between words.

Counters, lists, etc

The display of these controls needs to pay attention to the direction of the output. That is to say, the primary display of the number 1, 2, 3, etc. is from left to right. The effect of the following code is as shown in . Note how the text is centered on the vertical midline. The separator dots for the numbering are not centre-aligned. We should probably mention that. Also, shouldn't the numbers be rotated counter-clockwise?

Lists.

Baselines

Mongolian is aligned to a baseline that runs down the center of the writing, and all text is aligned to this baseline as shown in :

The aligning baseline for Mongolian.

Mixed Arrangement Rules with Other Languages

When mixed with other languages, the text in those languages should also be centre-aligned along the Mongolian baseline.

Mixed Arrangement Rules with Numbers and Latin

There is no obvious midcourt line in numbers and Latin. Therefore generally, half of the text height is regarded as a midcourt line position. When Mongolian script is mixed with numbers and Latin, the line of half of the text height should be aligned with Mongolian midcourt line. When font size of numbers is the same as Mongolian’s, it will be slightly larger, so some handling methods should be taken to avoid the problem, such as the methods listed in .

The mixed arrangement of Mongolian, Latin and numbers.

Mixed Arrangement Rules with Chinese and Japanese

For mixed arrangements with Chinese or Japanese, note the following:

  1. Chinese and Japanese cannot be displayed in on their side. They must be displayed upright, as in horizontal Chinese or Japanese.
  2. The center line of Chinese or Japanese text (the width in this case) needs to be aligned with the centre baseline of the Mongolian text.
  3. Pay attention to the top alignment and bottom alignment of the Mongolian text. In the same line, the mixed display of Mongolian and Chinese needs attention to produce a balanced alignment. When displayed, it should stretch space, but empty distance or space should not be added in Chinese text. Does this mean that no inter-character spacing should be applied to the Chinese?
  4. Mongolian is smaller than Chinese or Japanese in the same font size, so some handling methods should be taken to avoid the problem, such as methods listed in .

The mixed arrangement of Mongolian and Chinese.

Layout & pages

General page layout & progression

Bookbinding and the Direction of Page Turning

In general, bookbinding is on the left side, as shown in :

Bookbinding.

The direction of page turning is to the left, as shown in :

The direction of page turning.

Paper direction

Generally, landscape is the default Mongolian format, as shown in .

Example of landscape paper direction.

Paper scrolling direction

By default, pages should scroll from left to right, as shown in .

The direction of page scrolling.

The scrolling direction of scroll bars

When the amount of text exceeds the prescribed space available, a scroll bar needs to be displayed. The default display position of the scroll bar is along the bottom of the corresponding space. (The simultaneous display of both horizontal and vertical scroll bars has not been installed).

Position and scrolling direction of scroll bar.

Columns

Columns in Mongolian text should be divided vertically.

The effect of 2 columns.

Vertical text

The Mongolian writing direction is shown in .

Mongolian writing direction.

Tables

When setting writing-mode:tb-lr using CSS (grammar will have a little difference according to various browsers), the table will support vertical display feature of Mongolian script. When setting default options for the text in a table, it will display horizontally centered, that is, the upper and the lower center lines of the table cell will align at the center line of the baseline of the Mongolian text, as shown in .

The aligning baseline for Mongolian.

Page numbering, running headers, etc

In the Mongolian format, page numbers should be displayed on the upper or lower side of the page.

Adding the horizontal type and number on the page number .

User interaction

All input controls need to be adjusted to match the characteristics of the vertically typeset Mongolian text. For example, controls like text fields and buttons need to support to input and display of text vertically, and furthermore the cursors in text and passwords need to conform to the cursor style as shown in .

The display of input controls and the alignment of Mongolian script.

Select

The select box appearing in the following HTML code should be displayed as shown in . According to the default setting, the scroll bar is at the bottom and starts at the left. To see the contents at the end of the list, it scrolls from left to right. The scrolling of the mouse wheel should be in accordance with illustration in . While selecting a column, the selected text and the selected background color should conform to the principle of aligning to the Mongolian vertically-centered baseline (see the descriptions in ).

Correct newline.

Mongolian standard select box.

Textarea

Textarea is an important control, and is required in the text input, edit, and display. Scrollbar movement accords with requirements of the select control in . The display and moving direction of the cursor should be consistent with the standard for cursor movement in . In some browsers, there are functions for stretching the size of the textarea. The stretching icon should be in the lower right corner, and the textarea scaling accords with the mouse dragging. The rows and cols attribute of textarea are the opposite of those in horizontal text. Its specific attributes are as the following: rows {int} : showing the column number and cols {int} : showing the row number.

Display status of the standard textarea.

Label

The label control mainly considers text midcourt line aligning principles. ( See the descriptions in ). The label display for the following code is shown in .

The display of label controls.

Fieldset

As shown in , which is an example fieldset generation with the following code, the components are aligned along the centred-vertical Mongolian baseline.

Fieldset effect.

More page layout & pagination

Mixed arrangement of text and illustrations (or other non-text objects)

The illustrations here include ordinary picture formats, textboxes, charts, media objects and so on, all of which are called illustrations in what follows. There are many ways (as shown in ) of mixing the arrangements of text and illustrations but, no matter which way is used, some principles need to be obeyed.

  1. The illustration cannot be rotated, that is, the original illustration is inserted just as it is. The illustration cannot be rotated into the vertical one just because of vertical text.
  2. The Mongolian script around the inserted illustrations cannot be broken inside the word. The rules of the beginning and end of lines are the same as the original ones.

Mixed arrangement of text and illustrations (or other non-text objects).

Suggestions about Formulating New CSS Standard

  1. When Mongolian webpage is created, the page direction should be designated: CSS-MONGOLIAN-LAYOUT:Y. Designating the option means that all page elements should be arranged in accordance with the requirement of vertical column script. Meanwhile, there are the main requirements: script should conform to the habit of Mongolian writing -----arrangement from top to bottom and from left to right (see the descriptions in 2.2.3); textboxes, buttons and list order are all displayed in vertical column; pictures, videos and the other third party controls do not need to accord with the requirement of vertical column.
  2. In mixed arrangement with other languages, Mongolian text is X larger than the other texts. Designating the option requires that the size of Mongolian in all control texts should be automatically X larger than the size of the text of other scripts or X smaller under the condition of using minus.
  3. When arranged with other languages, Mongolian should follow the midcourt line aligning principles as the following. when the option CSS-MONGOLIAN-MOVE- WAIST:X px is designated, Mongolian text in all control texts should move X px to left or right so that it can be aligned with the midcourt line of other texts. Because the midcourt line cannot be aligned well under the condition, the option needs to be set.
  4. When arranged with other languages, Mongolian font should be set as CSS-MONGOLIAN-FONT:MongolianFontName. When the option is designated, Mongolian font in all control texts should be changed into MongolianFontName, while other languages’ font should accord with default font in the system. Because the change of Mongolian font will affect Chinese font when it is arranged with Chinese or other languages and sometimes, Chinese will be displayed in the way of lying down.
  5. Whether Mongolian space (0x202F) is stretched: CSS-MONGOLIAN-SPACE:Stretch|Normal, when the Stretch option is designated, the length of Mogolian space should be stretched as that of normal space. While the option Normal is designated, Mongolian space should not be stretched, and should be displayed in the length of the font library.
  6. Whether the Mongolian vowel space mark MVS (0x180E): is displayed: CSS-MONGOLIAN-MVS:Display|Normal, when the option Display is designated, there will be a small hollow rectangular on the screen with the size in the font library, but the rectangular will not be shown when it is printed. When the option Normal is designated, there will be no picture on the screen, but it will occupy a space of the size in the font library.

Relative Standards of Currently Used Scripts in the Traditional Mongolian Script

Currently, there are some main characters in applied traditional Mongolian script, including basic Mongolian characters, symbols and Mongolian numbers.