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>

を使用してtable、これら2つのスニペットが相互に関連していることを明示的に示します。

追加の翻訳は簡単に追加できます。

ページ全体が英語であると仮定します（例lang="en"：）html。そうでない場合は、英語のオリジナルを含むように設定lang="en"する必要があります。td

ご覧のとおりblockquote、コンテンツを自分で翻訳していると仮定して、元の（英語）コンテンツのみを使用しました。それが本当なら、あなたは何も引用していないので、あなたはblockquote翻訳に使うべきではありません。ただし、別のソースから翻訳を取得している場合はblockquote、それも使用する必要があります。

使用する「コンテナ」は何ですか？それは全体のページ構造/コンテキストに依存します。section自然な見出しがある場合は、グループごとに（元のテキスト、翻訳、メモで構成されている）使用することをお勧めします。

すべてのグループに1つ 使用することもできます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 に答える