Question

我想提供歌词，书籍摘录等翻译。结果应如下所示：

原文第1部分（例如段落）
  翻译文本第1部分   第1部分的说明

原文第2部分   翻译文本第2部分   第2部分的说明

到目前为止，我会按照此处Semantically marking up translations进行基本标记。

<section>
<blockquote lang="en">
  original text part 1
  <footer>— Crazy hunch-backed old guy from the movie Aladdin</footer>
</blockquote>
<blockquote lang="de">
  translated text part 1
  <footer>— Crazy hunch-backed old guy from the movie Aladdin</footer>
</blockquote>
<p>notes on part 1</p>
</section>

<section>
<blockquote lang="en">
  original text part 2
  <footer>— Crazy hunch-backed old guy from the movie Aladdin</footer>
</blockquote>
<blockquote lang="de">
  translated text part 2
  <footer>— Crazy hunch-backed old guy from the movie Aladdin</footer>
</blockquote>
<p>notes on part 2</p>
</section>

有更好的方法吗？或者这是我们现在能做的最好的事情吗？

我特别感兴趣的是，如果有一种方法可以优雅地将所有部分标记为属于同一来源而不为每个段落重复它。

来源将如此显示http://html5doctor.com/blockquote-q-cite/（搜索“OMG a heading！”，相关部分在此之后开始）。

Answer 1

您可以使用table element：

<table>
  <tr>
    <th>Original/English</th>
    <th>Translation/German</th>
  </tr>
  <tr>
    <td><blockquote><p>A wizard is never late… nor is he early.</p></blockquote></td>
    <td lang="de"><p>Ein Zauberer kommt nie zu spät … ebensowenig zu früh.</p></td>
  </tr>
</table>

<p class="note">Gandalf said this in …</p>

使用table，您明确声明这两个代码段是相互关联的。

可以轻松添加其他翻译。

我认为整个页面都是英文的（例如lang="en"上的html）;如果没有，您应该在包含英文原文的lang="en"上设置td。

正如您所看到的，我只使用blockquote作为原始（英语）内容，假设您自己翻译内容。如果这是真的，那么您没有引用任何内容，因此您不应该使用blockquote进行翻译。但是，如果您从其他来源获取翻译，则也应使用blockquote。

使用什么“容器”？它取决于整个页面结构/上下文。如果有自然标题，您可能希望对每个组使用section（包括原始文本，翻译和注释）。

您还可以为所有群组使用一个 table，例如：

<table>
  <tr>
    <th>Original/English</th>
    <th>Translation/German</th>
    <th>Notes</th>
  </tr>
  <tr>
    <td><blockquote><p>A wizard is never late… nor is he early.</p></blockquote></td>
    <td lang="de"><p>Ein Zauberer kommt nie zu spät … ebensowenig zu früh.</p></td>
    <td><p>Gandalf said this in …</p></td>
  </tr>
  <tr>
    <td><blockquote><p>…</p></blockquote></td>
    <td lang="de"><p>…</p></td>
    <td><p>…</p></td>
  </tr>
</table>

（另一个“标题栏”可以为每一行提供标题/说明。）

这实际上取决于实际页面。

Answer 2

这样的事情对你有用吗？

<blockquote>
    <blockquote> This is a blockquote</blockquote>
    <blockquote> This is another blockquote</blockquote>
    <footer>- Test</footer>
</blockquote>

带注释的翻译的最佳语义

2 个答案: