2

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

原文第 1 部分（例如一段）
翻译文本第 1
部分 第 1 部分注释

原文第 2 部分
译文第 2 部分
关于第 2 部分的注释

到目前为止，我会按照这里提出的基本标记进行语义标记翻译。

<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！”，相关部分随即开始）。

4

2 回答 2

1

你可以使用table元素：

<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 …&lt;/p>

通过使用 a table，您明确声明这两个片段彼此相关。

可以轻松添加其他翻译。

我假设整个页面都是英文的（例如lang="en"on 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 …&lt;/p></td>
  </tr>
  <tr>
    <td><blockquote><p>…&lt;/p></blockquote></td>
    <td lang="de"><p>…&lt;/p></td>
    <td><p>…&lt;/p></td>
  </tr>
</table>

（额外的“标题列”可以为每一行提供标题/描述。）

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

于 2013-03-22T20:37:48.267 回答
0

也许这样的东西对你有用？

<blockquote>
    <blockquote> This is a blockquote</blockquote>
    <blockquote> This is another blockquote</blockquote>
    <footer>- Test</footer>
</blockquote>
于 2013-03-20T15:39:17.910 回答