Translate qa-html-dir into zh-hans (#734)

Author: xfq

questions/qa-html-dir-data/translations.js

@@ -1,6 +1,6 @@
 var trans = { }
 
-trans.versions = ['en']
+trans.versions = ['en', 'zh-hans']
 
 trans.outofdatetranslations = []
 

questions/qa-html-dir.en.html

@@ -67,7 +67,7 @@ <h1>Structural markup and right-to-left text in HTML</h1>
 
 <p>This article looks at ways of handling text direction for <em>structural</em> markup in HTML, ie. at the document level and for elements like paragraphs, tables and forms.</p>
 
-<p class="warning">For handling <a href="https://w3c.github.io/i18n-glossary/#def_bidirectional_text" class="termref print">bidirectional text</a> with <em>inline</em> markup you should  read the separate article, <cite><a class="print" href="/International/articles/inline-bidi-markup/">Inline markup and bidirectional text in HTML</a></cite>. It also describes some other elements and attributes related to direction.</p>
+<p class="warning">For handling <a href="https://www.w3.org/TR/i18n-glossary/#dfn-bidirectional-text" class="termref print">bidirectional text</a> with <em>inline</em> markup you should  read the separate article, <cite><a class="print" href="/International/articles/inline-bidi-markup/">Inline markup and bidirectional text in HTML</a></cite>. It also describes some other elements and attributes related to direction.</p>
 
 <p>The <code class="kw" translate="no">dir</code> attribute is used to set the base direction of text for display. It is essential to support languages that use right-to-left scripts such as Adlam, Arabic, Hebrew, N'Ko, Syriac,  and Thaana. Many different languages are written with these scripts, including Arabic, Dhivehi, Hebrew, Mandinka, Pashto, Persian, Pular, Sindhi, Syriac,  Urdu, Yiddish, etc.</p>
 </div>
@@ -102,16 +102,16 @@ <h2>Setting  direction  at the document level</h2>
 
 
 
-<section>
-<h3 id="basedirection">Base direction</h3>
+<section id="basedirection">
+<h3>Base direction</h3>
 
 <div class="insideinfonote">
 <p class="info noprint">Examples in this document may be shown as images to avoid problems for those with a browser that doesn't produce what was intended.      </p>
 
 <p>Code samples containing Arabic and Hebrew text <a class="print" href="https://www.w3.org/TR/i18n-html-tech-bidi/#bidisource"> may be displayed  in different ways</a>, none of which are usually satisfactory. In this article right-to-left text in code samples may be represented by UPPERCASE TRANSLATIONS, and left-to-right text by lowercase.</p>
 </div>
 
-<p class="info">At the outset, it is important to understand the concept of <a href="https://w3c.github.io/i18n-glossary/#dfn-base-direction" target="_blank" class="termref print">base direction</a> (see <a href="../articles/inline-bidi-markup/uba-basics">Unicode Bidirectional Algorithm basics</a> for a simple overview of how it works with the <a href="https://w3c.github.io/i18n-glossary/#dfn-unicode-bidi-algorithm" target="_blank" class="termref print">Unicode bidirectional algorithm</a>).  </p>
+<p class="info">At the outset, it is important to understand the concept of <a href="https://www.w3.org/TR/i18n-glossary/#dfn-base-direction" target="_blank" class="termref print">base direction</a> (see <a href="../articles/inline-bidi-markup/uba-basics">Unicode Bidirectional Algorithm basics</a> for a simple overview of how it works with the <a href="https://www.w3.org/TR/i18n-glossary/#dfn-unicode-bidi-algorithm" target="_blank" class="termref print">Unicode bidirectional algorithm</a>).  </p>
 
 <p>It is fundamentally important to establish the appropriate base direction for the text, so that the Unicode bidirectional algorithm can reorder the text appropriately when it is displayed. Correctly setting the base direction also sets the default paragraph alignment of the text.</p>
 
@@ -170,7 +170,7 @@ <h3>Setting up a right-to-left page</h3>
 <section id="lang_tags">
 <h4>Language tags</h4>
 
-<p>While you are declaring the directionality of the document in the <span class="kw">html</span> tag, don't forget to also declare the <em>language</em> of the document using the <span class="kw">lang</span>  attribute (see <a class="print" href="/International/questions/qa-html-language-declarations">Declaring language in HTML</a>). However, do not make the mistake of assuming that language declarations indicate directionality, or vice versa! Even if the language declaration has a script tag it won't affect the directionality of the text in the user agent. You must always declare the directionality using the <span class="kw">dir</span> attribute.</p>
+<p>While you are declaring the directionality of the document in the <span class="kw">html</span> tag, don't forget to also declare the <em>language</em> of the document using the <span class="kw">lang</span>  attribute (see <a class="print" href="/International/questions/qa-html-language-declarations">Declaring language in HTML</a>). However, do not make the mistake of assuming that language declarations indicate directionality, or vice versa! Even if the language declaration has a script subtag it won't affect the directionality of the text in the user agent. You must always declare the directionality using the <span class="kw">dir</span> attribute.</p>
 </section>
 
 
@@ -201,7 +201,7 @@ <h3>The <code class="kw" translate="no">title</code> element</h3>
 
 <p>Much of the time this will produce the desired result. However, if the title text in a RTL document begins with, say, an  acronym in the Latin script, the order will be incorrect when the text is displayed (<a class="print" href="https://www.w3.org/International/i18n-tests/results/native-user-interfaces#windowheader" target="_blank">see some tests</a>).</p>
 
-<p>A workaround for this scenario is to add <code>&amp;rlm;</code> at the beginning of the title text when it doesn't begin with a RTL character. This adds <span class="codepoint" translate="no"><span class="uname">U+200F RIGHT-TO-LEFT MARK</span></span> at the start, which is an invisible, strongly directional RTL character.</p>
+<p>A workaround for this scenario is to add <code>&amp;rlm;</code> at the beginning of the title text when it doesn't begin with a RTL character. This adds <span class="codepoint" translate="no"><code class="uname">U+200F RIGHT-TO-LEFT MARK</code></span> at the start, which is an invisible, strongly directional RTL character.</p>
 <p>If you have a LTR text that begins with a strong RTL character, use <code>&amp;lrm;</code> at the start, instead.</p>
 </section>
 </section>
@@ -705,7 +705,7 @@ <h2>Further reading</h2>
 </li>
 
 <li>
-<p>Related links, <cite>Authoring HTML &amp; CSS</cite></p>
+<p>Related links, <cite>Authoring web pages</cite></p>
 <ul>
 <li><a href="/International/techniques/authoring-html#direction">Text direction</a></li>
 <li><a href="/International/techniques/authoring-html#using">Setting up a right-to-left page</a></li>