Translate qa-visual-vs-logical into zh-hans (#716)

xfq · web-flow · commit da183047aef7 · 2025-07-11T12:58:23.000+08:00
diff --git a/questions/qa-visual-vs-logical-data/translations.js b/questions/qa-visual-vs-logical-data/translations.js
@@ -1,6 +1,6 @@
 var trans = { }
 
-trans.versions = ['de', 'en', 'es']
+trans.versions = ['de', 'en', 'es', 'zh-hans']
 
 trans.outofdatetranslations = []
 
diff --git a/questions/qa-visual-vs-logical.de.html b/questions/qa-visual-vs-logical.de.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Visuelle vs. logische Buchstaben&shy;reihenfolge</title>
-<meta name="description" content="Was ist der Unterschied zwischen visueller und logischer Buchstaben&shy;reihenfolge und welche sollte man verwenden?" />
+<meta name="description" content="Was ist der Unterschied zwischen visueller und logischer Buchstaben&shy;reihenfolge und welche sollte man verwenden?">
 <script>
 var f = { }
 
@@ -38,8 +38,8 @@
 <!--TRANSLATORS must change -en in the line just above to the subtag for their language! -->
 <script src="../javascript/doc-structure/article-2022.js"> </script>
 <script src="../javascript/articletoc-2022.js"></script>
-<link rel="stylesheet" href="../style/article-2022.css" />
-<link rel="copyright" href="#copyright"/>
+<link rel="stylesheet" href="../style/article-2022.css">
+<link rel="copyright" href="#copyright">
 </head>
 
 <body>
@@ -82,11 +82,11 @@ <h3>Visuelle Reihenfolge und ihre Schwächen</h3>
     <p>Die folgende Abbildung zeigt oben in blau den bidirektionalen Text „<span lang="he" dir="rtl">פעילות הבינאום, W3C</span>“ wie er normalerweise erscheint, wenn er in einem von rechts nach links geschriebenen Absatz steht. Die numerierten Pfeile zeigen die Leserichtung an. Die Textteile werden in der Reihenfolge der Zahlen darunter gelesen.</p>
     <p>Die zweite und dritte Zeile (grüner Text) zeigen die Reihenfolge, in der die Zeichen bei logisch bzw. bei visuell codiertem Text im Speicher stehen (von links nach rechts in der Abbildung). Die logische Reihenfolge ist auch jene, mit der man als Autor den Text eingibt. Dasselbe gilt für die Zeile mit visueller Reihenfolge, d.h. Sie geben den Text rückwärts ein (wenn Sie nicht einen Editor haben, der automatisch in logischer Reihenfolge eingegebenen Inhalt in visuelle Reihenfolge umdreht).</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" "></p>
     </figure>
     <p>Die nächste Abbildung zeigt ein Beispiel für HTML-Quelltext mit visueller Reihenfolge.</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" "></p>
     </figure>
     <p>Damit visuelle Reihenfolge funktioniert, muss man nicht nur den Text rückwärts schreiben, sondern auch automatischen Zeilenumbruch unterdrücken, Text in Absätzen und Tabellenzellen nach rechts ausrichten, explizit Zeilenumbrüche einfügen und (bei Übersetzungen aus einer Sprache, die eine von links nach rechts geschriebene Schrift verwendet) die Reihenfolge von Tabellenspalten umdrehen. Außerdem muss man bei Links oder Hervorhebungen, die sich über mehrere Zeilen erstrecken, die jeweiligen Bereiche in jeder Zeile getrennt auszeichnen.</p>
     <p>(Das wäre noch eine recht saubere Umsetzung. Man könnte auch so etwas wie rechts ausgerichtete Absätze mit &lt;nobr&gt;…&lt;/nobr&gt;-Tags um jede Zeile vorfinden. Wenn das Browserfenster zu schmal ist, verschwinden die Zeilenanfänge am rechten Rand.)</p>
@@ -100,7 +100,7 @@ <h3>Visuelle Reihenfolge und ihre Schwächen</h3>
   <section id="legacy">
 <h3>Umgang mit alten Systemen</h3>
     <p>Wenn in modernen Systemen noch alte (in Zeiten von Grün-Monitoren erstellte) Daten gespeichert sind, die in visueller Reihenfolge repräsentiert sind (wie bei Großrechnern oder iSeries-Computern), muss man den bidirektionalen Datenfluss zwischen Backend (visuelle Reihenfolge) und Web-Frontend (logische Reihenfolge) sicherstellen.</p>
-    <p>Dabei spielen neben der Reihenfolge der Zeichen noch verschiedene andere Faktoren eine Rolle, die jedoch den Rahmen dieses Artikels sprengen würden. Sie finden tiefergehende Informationen in dieser <a class="print" href="http://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">hilfreichen E-Mail</a> von Tomer Mahlin (IBM Bidi Development Lab).</p>
+    <p>Dabei spielen neben der Reihenfolge der Zeichen noch verschiedene andere Faktoren eine Rolle, die jedoch den Rahmen dieses Artikels sprengen würden. Sie finden tiefergehende Informationen in dieser <a class="print" href="https://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">hilfreichen E-Mail</a> von Tomer Mahlin (IBM Bidi Development Lab).</p>
   </section>
   <section id="characterencodings">
 <h3>Visuelle Reihenfolge und Zeichencodierungen</h3>
diff --git a/questions/qa-visual-vs-logical.en.html b/questions/qa-visual-vs-logical.en.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Visual vs. logical ordering of text</title>
-<meta name="description" content="What is the difference between visual and logical ordering of text, and which should I use?" />
+<meta name="description" content="What is the difference between visual and logical ordering of text, and which should I use?">
 <script>
 var f = { }
 
@@ -38,8 +38,8 @@
 <!--TRANSLATORS must change -en in the line just above to the subtag for their language! -->
 <script src="../javascript/doc-structure/article-2022.js"> </script>
 <script src="../javascript/articletoc-2022.js"></script>
-<link rel="stylesheet" href="../style/article-2022.css" />
-<link rel="copyright" href="#copyright"/>
+<link rel="stylesheet" href="../style/article-2022.css">
+<link rel="copyright" href="#copyright">
 </head>
 
 <body>
@@ -84,11 +84,11 @@ <h3>Visual ordering and its shortcomings</h3>
       when displayed in a right-to-left paragraph. The numbered arrows show the reading direction. You read the sequences in the order of the numbers below the arrows. </p>
     <p>The second and third lines (green text) show the order in which characters are stored in memory (from left to right in the visualization) for logical and visual encoded text, respectively. The logical order also reflects the order in which you would type the text as a content author. The same is true of the visual line, ie. you type the text backwards (unless you have an editing tool that automatically rearranges logical input to visual storage order for you).</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" "></p>
     </figure>
     <p>The following image shows an example of visually ordered source code in HTML.</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" "></p>
     </figure>
     <p>To make visual ordering work, in addition to writing the text backwards, you must also do such things as disable any line wrapping,
       explicitly right-align text in paragraphs and table cells, add explicit line breaks, and, when translating from a language that uses a
@@ -107,7 +107,7 @@ <h3>Visual ordering and its shortcomings</h3>
   <section id="legacy">
 <h3>Working with legacy systems</h3>
     <p> In modern systems where backend storage includes legacy data (created at some point using green screens)  represented in visual order (such as mainframes or iSeries computers) it is necessary to support bidirectional flow of data between the back end (visual ordering) and web front end (logical ordering).</p>
-    <p>Various factors may be involved in this process, besides the order of the characters themselves. This level of detail is beyond the scope of the question that frames this article, but you can find useful additional information in a <a class="print" href="http://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">helpful email</a> from Tomer Mahlin, of the IBM Bidi Development Lab.</p>
+    <p>Various factors may be involved in this process, besides the order of the characters themselves. This level of detail is beyond the scope of the question that frames this article, but you can find useful additional information in a <a class="print" href="https://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">helpful email</a> from Tomer Mahlin, of the IBM Bidi Development Lab.</p>
   </section>
   
   <section id="characterencodings">
diff --git a/questions/qa-visual-vs-logical.es.html b/questions/qa-visual-vs-logical.es.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="es">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Ordenando el texto de forma visual vs. lógica</title>
-<meta name="description" content="¿Cuál es la diferencia entre el orden visual y lógico del texto, y cual debería utilizar?" />
+<meta name="description" content="¿Cuál es la diferencia entre el orden visual y lógico del texto, y cual debería utilizar?">
 <script>
 var f = { }
 
@@ -38,8 +38,8 @@
 <!--TRANSLATORS must change -en in the line just above to the subtag for their language! -->
 <script src="../javascript/doc-structure/article-2022.js"> </script>
 <script src="../javascript/articletoc-2022.js"></script>
-<link rel="stylesheet" href="../style/article-2022.css" />
-<link rel="copyright" href="#copyright"/>
+<link rel="stylesheet" href="../style/article-2022.css">
+<link rel="copyright" href="#copyright">
 
 <body>
 <header>
@@ -80,11 +80,11 @@ <h3>El orden visual y sus deficiencias</h3>
     <p>La siguiente imagen muestra la frase bidireccional, <span lang="he" translate="no" dir="rtl">פעילות הבינאום, W3C</span> en azul en la parte superior, como aparecería normalmente en un párrafo de derecha a izquierda. Las flechas numeradas indican la dirección de lectura. Usted leería las secuencias en el orden de los números mostrados abajo de las flechas. </p>
     <p>La segunda y tercera línea (texto en verde) muestran el orden en que se almacenan los caracteres en la memoria (de izquierda a derecha en la visualización) para el texto codificado lógico y visual, respectivamente. El orden lógico también refleja el orden en el que, como autor de contenido, debería escribir el texto. También se puede decir lo mismo sobre la línea visual, es decir que usted escribe el texto al revés (a menos que tenga una herramienta de edición que reorganice automáticamente las entradas lógicas al orden de almacenamiento visual para usted).</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/directions.gif" alt=" "></p>
     </figure>
     <p>La siguiente imagen muestra un ejemplo de código fuente ordenado visualmente en HTML.</p>
     <figure>
-      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" " /></p>
+      <p><img src="qa-visual-vs-logical-data/visual-example.png" alt=" "></p>
     </figure>
     <p>Para hacer que el orden visual funcione, además de escribir el texto en reverso, también deberá tomar acciones como deshabilitar cualquier ajuste de línea, alinear el texto directamente hacia la derecha en párrafos y celdas de tablas, agregar saltos de línea explícitos, y, cuando esté traduciendo de un idioma que utiliza una secuencia de izquierda a derecha, invertir manualmente el orden de las columnas de las tablas. También tendrá que añadir y mantener diferentes spans de enlaces o enfatizar los marcados para cualquier texto marcado que se salte hacia otra línea..</p>
     <p>(Realmente esta es una implementación bastante limpia. Por ejemplo, también podrá encontrar cosas como párrafos alineados a la derecha con etiquetas  &lt;nobr&gt;..&lt;/nobr&gt; alrededor de cada línea. Si su ventana es demasiado estrecha, el principio de cada línea desaparecerá del lado derecho de su navegador.)</p>
@@ -97,7 +97,7 @@ <h3>El orden visual y sus deficiencias</h3>
   <section id="legacy">
 <h3>Trabajando con sistemas heredados</h3>
     <p> En los sistemas modernos donde el almacenamiento de base de datos incluye datos heredados (creados en algún momento con el uso de pantallas verdes) representados en orden visual (como ordenadores centrales u ordenadores iSeries) es necesario apoyar el flujo bidireccional de datos entre la base de datos (orden visual) y los sistemas de escritorio web (orden lógico).</p>
-    <p>Hay varios factores implicados en este proceso, además del orden de los caracteres. Este nivel de detalle va más allá del alcance de la pregunta enmarcada en este artículo, pero puede encontrar información adicional de ayuda en un <a class="print" href="http://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">útil correo electrónico</a> escrito por Tomer Mahlin, del Laboratorio de Desarrollo Bidi de IBM.</p>
+    <p>Hay varios factores implicados en este proceso, además del orden de los caracteres. Este nivel de detalle va más allá del alcance de la pregunta enmarcada en este artículo, pero puede encontrar información adicional de ayuda en un <a class="print" href="https://lists.w3.org/Archives/Public/www-international/2013JanMar/0331.html">útil correo electrónico</a> escrito por Tomer Mahlin, del Laboratorio de Desarrollo Bidi de IBM.</p>
   </section>
   <section id="characterencodings">
 <h3>El orden visual y la codificación de caracteres</h3>
diff --git a/questions/qa-visual-vs-logical.zh-hans.html b/questions/qa-visual-vs-logical.zh-hans.html
