Skip to content

Commit

Permalink
Add 2022 template changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@r12a
r12a committed May 24, 2022
1 parent 68126ca commit a41caad
Show file tree
Hide file tree
Showing 7 changed files with 199 additions and 188 deletions.
57 changes: 30 additions & 27 deletions questions/qa-date-format.de.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>Datumsformate</title>
<meta name="description" content="Wie entwerfe ich meine Webseite, so dass unterschiedliche internationale Datumsformate dargestellt werden können?" />
<script type="application/javascript">
<script>
var f = { }

// AUTHORS should fill in these assignments:
Expand Down Expand Up @@ -32,14 +32,14 @@

f.additionalLinks = ''
</script>
<script type="application/javascript" src="qa-date-format-data/translations.js"> </script>
<script type="application/javascript" src="../javascript/doc-structure/article-dt.js"> </script>
<script type="application/javascript" src="../javascript/boilerplate-text/boilerplate-de.js"> </script><!-- TRANSLATORS must change -en to the subtag for their language! -->
<script type="application/javascript" src="../javascript/doc-structure/article.js"> </script>
<script type="text/javascript" src="../javascript/articletoc-html5.js"></script>
<link rel="stylesheet" href="../style/article-2016.css" type="text/css" />
<script src="qa-date-format-data/translations.js"> </script>
<script src="../javascript/doc-structure/article-dt.js"> </script>
<script src="../javascript/boilerplate-text/boilerplate-de.js"> </script>
<!--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"/>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body>
Expand All @@ -49,19 +49,22 @@
<h1>Datumsformate</h1>
</header>

<section>

<div id="audience">
<p><span id="intendedAudience" class="leadin">Intended audience:</span> XHTML/HTML-Programmierer (die Editoren oder Scripting verwenden), Skript-Entwickler (PHP, JSP, etc.), Web-Projektmanager, jeder der wissen will, wie mit internationalen Datumsformate umzugehen ist.</p>
<script>document.getElementById('updateInfo').innerHTML = g.updated</script>
</div>
<h2 id="question"><a href="#question">Question</a></h2>



<section id="question">
<h2>Frage</h2>
<p class="question">Wie entwerfe ich meine Webseite, so dass unterschiedliche internationale Datumsformate dargestellt werden können?</p>
<p>Besucher einer Website aus verschiedenen Ländern können ein Datumsformat falsch verstehen. Das Format MM/TT/JJ ist für US-Amerikaner eindeutig. In Europa wird hauptsächlich das Format TT/MM/JJ verwendet. Japan verwendet JJ/MM/TT. Die Separatoren können Slashs, Striche oder Punkte sein.In manchen Ländern werden kleine Zahlen mit einer vorstehenden Null ergänzt, andere lassen diese weg. Angenommen ein gebürtiger Japaner liest eine im amerikanischen Englisch verfasste Webseite aus Deutschland die das Datum 03/04/02 enthält. Wie interpretiert er dieses Datum?</p>
</section>


<section>
<h2 id="answer"><a href="#answer">Answer</a></h2>
<section id="answer">
<h2>Antwort</h2>
<p>Ihr erster Impuls ist vielleicht anzunehmen, dass das Problem bei der Übersetzung der Website in andere Sprachen gelöst wird - d.h. lass den Übersetzter das Problem lösen. Widerstehen Sie diesem Impuls. Wollen Sie wirklich zwei Kopien des Dokumentes für eine englische und eine amerikanische Version pflegen, die sich nur anhand des Datumsformates unterscheiden? Auf jeden Fall müssen Sie mit mehrsprachigen Lesern umgehen, wie dem im oben gezeigten Beispiel.</p>
<p>Sie haben hierzu drei Möglichkeiten, alle mit Vor- und Nachteilen:</p>
<ol>
Expand All @@ -70,8 +73,8 @@ <h2 id="answer"><a href="#answer">Answer</a></h2>
<li>Den HTTP Accept-Language-Header verwenden</li>
</ol>

<section>
<h3 id="opt1"><a href="#opt1">Option 1: Ein ortsunabhängiges Format verwenden</a></h3>
<section id="opt1">
<h3>Option 1: Ein ortsunabhängiges Format verwenden</h3>
<p>ISO 8601 spezifiziert das Format YYYY-MM-DD. 2003-04-02 ist eindeutiger als 03/04/02. (Manche modifizieren das ISO-Format und verwenden ein Kürzel für den Monat, um ihn von der Tagesangabe zu trennen. Z.B. 2003-Apr-02, jedoch ist dies nun nicht mehr ortsunabhängig.) </p>
<p><strong>Pro:</strong></p>
<ul>
Expand All @@ -86,8 +89,8 @@ <h3 id="opt1"><a href="#opt1">Option 1: Ein ortsunabhängiges Format verwenden</
</ul>
</section>

<section>
<h3 id="opt2"><a href="#opt2">Option 2: Offensichtliche Monats- und Jahresangaben</a></h3>
<section id="opt2">
<h3>Option 2: Offensichtliche Monats- und Jahresangaben</h3>
<p>Hierzu verwenden Sie einen Namen für den Monat (abgekürzt oder vollständig) und eine vierstellige Zahl für alle Jahresangaben des gregorianischen Kalenders. Zum Beispiel: 2. April 2003.</p>
<p><strong>Pro:</strong></p>
<ul>
Expand All @@ -102,8 +105,8 @@ <h3 id="opt2"><a href="#opt2">Option 2: Offensichtliche Monats- und Jahresangabe
</ul>
</section>

<section>
<h3 id="opt3"><a href="#opt3">Option 3: Den HTTP Accept-Language-Header verwenden</a></h3>
<section id="opt3">
<h3>Option 3: Den HTTP Accept-Language-Header verwenden</h3>
<p>Der HTTP Accept-Language-Header bestimmt nur die Spracheinstellungen des Benutzers, wird aber ebenfalls gewöhnlich für die Ortsangabe verwendet.</p>
<p>Die Methode funktioniert gut bei dynamisch generierten Web-Dokumenten, wenn auf einer Seite ein Datum aus einer im Hintergrund gelagerten Datensammlung eingefügt werden soll, sofern die Erwartungen eines Benutzers an ein Datumsformat klar sind. Ausschlaggebend ist eher der sprachliche Kontext als nur die Einstellungen des Browsers. <span id="japanese-eg">Zum Beispiel</span>:</p>
<ul>
Expand All @@ -130,23 +133,23 @@ <h4>Perl</h4>
</div>
</section>

<section>
<h3 id="summary"><a href="#summary">Zusammenfassung</a></h3>
<section id="summary">
<h3>Zusammenfassung</h3>
<p>Es gibt keine ideale Lösung für die Problematik. Wägen Sie die Möglichkeiten ab und entscheiden Sie gemäß Ihren Prioritäten und Ihrer Sachlage.</p>
<p>Ist aus der Sicht des Benutzers eine Doppeldeutigkeit möglich, ist es üblich Namen für den Monat und vierstellige Jahreszahlen für Daten des gregorianischen Kalenders anzugeben oder zumindest auf der Seite anzugeben, wie die Daten zu interpretieren sind.</p>
<p>Datumsangaben können durch dynamische Technologien, zur Anpassung an den sprachlichen Kontext der Seite, neu formatiert werden.</p>
</section>
</section>


<section>
<h2 id="bytheway"><a href="#bytheway">By the way</a></h2>
<section id="bytheway">
<h2>Übrigens</h2>
<p>Manche haben den Entwurf eines &lt;date&gt;-Tags empfohlen, das die Datumsangaben anhand der Ortsangaben des Benutzers darstellen würde. Dies neigt zur gleichen Problematik, wie sie das <a href="#japanese-eg">Beispiel des Japaners</a> für die dynamische Generierung des Datums beschreibt. Das angemessene Format ist öfters abhängig vom sprachlichen Kontext der Seite, als von der Plattform des Benutzers.</p>
</section>


<section>
<h2 id="endlinks"><a href="#endlinks">Further reading</a></h2>
<section id="endlinks">
<h2>Literaturhinweise</h2>
<aside class="section" id="survey"> </aside><script>document.getElementById('survey').innerHTML = g.survey</script>

<ul id="full-links">
Expand All @@ -169,7 +172,7 @@ <h2 id="endlinks"><a href="#endlinks">Further reading</a></h2>
</ul>
</section>

<footer id="thefooter"></footer><script type="text/javascript">document.getElementById('thefooter').innerHTML = g.bottomOfPage</script>
<script type="text/javascript">completePage()</script>
<footer id="thefooter"></footer><script>document.getElementById('thefooter').innerHTML = g.bottomOfPage</script>
<script>completePage()</script>
</body>
</html>
56 changes: 29 additions & 27 deletions questions/qa-date-format.en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8" />
<title>Date formats</title>
<meta name="description" content="How do I prepare my web pages to display varying international date formats?" />
<script type="application/javascript">
<script>
var f = { }

// AUTHORS should fill in these assignments:
Expand Down Expand Up @@ -32,14 +32,14 @@

f.additionalLinks = ''
</script>
<script type="application/javascript" src="qa-date-format-data/translations.js"> </script>
<script type="application/javascript" src="../javascript/doc-structure/article-dt.js"> </script>
<script type="application/javascript" src="../javascript/boilerplate-text/boilerplate-en.js"> </script><!-- TRANSLATORS must change -en to the subtag for their language! -->
<script type="application/javascript" src="../javascript/doc-structure/article.js"> </script>
<script type="text/javascript" src="../javascript/articletoc-html5.js"></script>
<link rel="stylesheet" href="../style/article-2016.css" type="text/css" />
<script src="qa-date-format-data/translations.js"> </script>
<script src="../javascript/doc-structure/article-dt.js"> </script>
<script src="../javascript/boilerplate-text/boilerplate-en.js"> </script>
<!--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"/>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>

<body>
Expand All @@ -48,19 +48,21 @@
<h1>Date formats</h1>
</header>

<section>
<div id="audience">
<p><span id="intendedAudience" class="leadin">Intended audience:</span> XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), Web project managers, and anyone who wants to know how to handle international date formats.</p>
<div id="updateInfo"></div>
<script>document.getElementById('updateInfo').innerHTML = g.updated</script>
</div>
<h2 id="question"><a href="#question">Question</a></h2>



<section id="question">
<h2>Question</h2>
<p class="question">How do I prepare my web pages to display varying international date formats?</p>
<p>Visitors to a web site from varying locales may be confused by date formats. The format MM/DD/YY is unique to the United States (but sometimes used in Canada, too, which can obviously create some confusion there). Most of Europe uses DD/MM/YY. Japan uses YY/MM/DD. The separators may be slashes, dashes or periods. Some locales print leading zeroes, others suppress them. If a native Japanese speaker is reading a US English web page from a web site in Germany that contains the date 03/04/02 how do they interpret it?</p>
</section>

<section>
<h2 id="answer"><a href="#answer">Answer</a></h2>
<section id="answer">
<h2>Answer</h2>
<p>Your first impulse may be to assume this problem will be taken care of during localization of the web pages - i.e. let the translator fix
it. Resist this impulse. Do you really want to keep separate copies of documents for the U.S. and the U.K. that differ only in date format? In any
case you still have to deal with multilingual users like the one in our example above.</p>
Expand All @@ -71,8 +73,8 @@ <h2 id="answer"><a href="#answer">Answer</a></h2>
<li>Use the Accept-Language HTTP header</li>
</ol>

<section>
<h3 id="opt1"><a href="#opt1">Option One: Use a locale neutral format</a></h3>
<section id="opt1">
<h3>Option One: Use a locale neutral format</h3>
<p>ISO 8601 specifies a format of YYYY-MM-DD. 2003-04-02 is clearer than 03/04/02. (Some prefer to modify ISO 8601 by using an
abbreviation for the month to make it more clear, for example 2003-Apr-02, but then it is no longer locale neutral.). </p>
<p><strong>Pros:</strong></p>
Expand All @@ -90,8 +92,8 @@ <h3 id="opt1"><a href="#opt1">Option One: Use a locale neutral format</a></h3>
</ul>
</section>

<section>
<h3 id="opt2"><a href="#opt2">Option Two: Make the month and year obvious</a></h3>
<section id="opt2">
<h3>Option Two: Make the month and year obvious</h3>
<p>To do this use a name for the month (abbreviated or not) and use 4 digits for all Gregorian year numbers. For example, 2 April
2003.</p>
<p><strong>Pros:</strong></p>
Expand All @@ -107,8 +109,8 @@ <h3 id="opt2"><a href="#opt2">Option Two: Make the month and year obvious</a></h
</ul>
</section>

<section>
<h3 id="opt3"><a href="#opt3">Option Three: Use the Accept-Language HTTP header</a></h3>
<section id="opt3">
<h3>Option Three: Use the Accept-Language HTTP header</h3>
<p>The HTTP Accept-Language header only specifies the user's language preferences, but is commonly used to determine locale preferences
as well.</p>
<p>This method works well for dynamically generated web documents when inserting a date from some back-end storage into a page, as long
Expand Down Expand Up @@ -142,8 +144,8 @@ <h4>Perl</h4>
</div>
</section>

<section>
<h3 id="summary"><a href="#summary">Summary</a></h3>
<section id="summary">
<h3>Summary</h3>
<p>No ideal solution exists for this problem. Weigh the options and choose according to your preferences and your situation.</p>
<p>If there is likely to be any ambiguity on the part of the user, it is usually best to use explicit month names and 4-digit years for
Gregorian dates, or at least indicate on the page how to read the dates.</p>
Expand All @@ -152,14 +154,14 @@ <h3 id="summary"><a href="#summary">Summary</a></h3>
</section>


<section>
<h2 id="bytheway"><a href="#bytheway">By the way</a></h2>
<section id="bytheway">
<h2>By the way</h2>
<p>Some have advocated the creation of a <code class="kw" translate="no">date</code> tag that would display dates according the locale of the user agent. This is subject to the same practical issues as described for dynamic date generation with the <a href="#japanese-eg">Japanese example</a>. The appropriate format is generally a function of the linguistic context of a page, rather than the user's platform.</p>
</section>


<section>
<h2 id="endlinks"><a href="#endlinks">Further reading</a></h2>
<section id="endlinks">
<h2>Further reading</h2>
<aside class="section" id="survey"> </aside><script>document.getElementById('survey').innerHTML = g.survey</script>

<ul id="full-links">
Expand All @@ -183,7 +185,7 @@ <h2 id="endlinks"><a href="#endlinks">Further reading</a></h2>
</ul>
</section>

<footer id="thefooter"></footer><script type="text/javascript">document.getElementById('thefooter').innerHTML = g.bottomOfPage</script>
<script type="text/javascript">completePage()</script>
<footer id="thefooter"></footer><script>document.getElementById('thefooter').innerHTML = g.bottomOfPage</script>
<script>completePage()</script>
</body>
</html>
Loading

0 comments on commit a41caad

Please sign in to comment.