2013-03-20 2 views
2

가사, 도서 발췌 등의 번역본을 제공하고 싶습니다. 결과는 다음과 같아야합니다 부분에메모가있는 번역에 대한 가장 유용한 의미

원본 텍스트의 1 부 (예 : 단락)
번역 된 텍스트 부분 1
노트 1

원래의 텍스트 부분이
번역 된 텍스트 부분이
여기 Semantically marking up translations 제안 된 부분에 노트 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!"을 검색하면 해당 부분이 바로 시작됩니다).

+0

인용문의 소스 ('footer'에서 주어진)는'blockquote'의 일부가 아니어야함에 유의하십시오. 'blockquote'는 인용 된 내용만을 포함해야합니다. – unor

답변

1

당신은 table element 사용할 수 있습니다하십시오 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 …</p> 

을 명시 적으로이 두 조각이 서로의 관계에 있음을 명시.

추가 번역이 쉽게 추가 될 수 있습니다.

전체 페이지가 영어로되어 있다고 가정합니다 (예 : lang="en" : html). 그렇지 않은 경우 영문 원본이 포함 된 을 td에 설정해야합니다.

본인이 직접 내용을 번역한다고 가정 할 때 원본 (영어) 콘텐츠에만 을 사용했습니다. 그것이 사실이라면 아무 것도 인용하지 않으므로 을 번역에 사용하면 안됩니다. 그러나 다른 출처에서 번역본을 가져 오는 경우 을 사용해야합니다.

사용할 "컨테이너"는 무엇입니까? 전체 페이지 구조/컨텍스트에 따라 다릅니다. 자연스러운 표제가있을 경우 각 그룹에 대해 section (원문, 번역 및 메모로 구성)을 사용하고 싶을 것입니다.

<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> 

(. 추가 "헤더 열은"각 행의 제목/설명을 줄 수)

을 정말 따라 달라

또한 예를 들어, 모든 그룹에 대한 하나table을 사용할 수 있습니다 실제 페이지에.

+0

이것은 여전히이 문제에서 찾을 수있는 최상의 솔루션입니다. – spiel

0

어쩌면 이런 식으로 뭔가를 할 수 있을까요?

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

하지만 블록 쿼트에 블록 쿼트를 넣는 것은 다른 사람에게 인용하는 사람을 인용한다는 뜻이 아닙니까? – spiel

+0

코드입니다. 당신이 원한다면 무엇이든 할 수 있습니다. 아무런 의미가 없습니다. 클래스를 사용하여 내부의 작은 따옴표를 바깥 쪽의 따옴표의 일부처럼 보이게 만들 수 있습니다. –

+1

전혀 도움이되지 않습니다. 나는 내가 원하는 모든 것을 스타일링 할 수 있다는 것을 알고 있지만 가능한 한 정확하도록 코드를 작성하고 싶다. "의미가 없어지면 안된다"는 말은 실제로 공부하고 자신이하는 일에 대해 최신 정보를 얻는 데 시간을 할애하는 사람들에게 얼굴을 때리는 것입니다. 시맨틱 마크 업은 이유가 있기 때문에 존재합니다. 누군가가 모든 사람을 더 열심히 프로그래밍한다고 생각했기 때문이 아닙니다. 그래도 도와 ​​줘서 고마워. – spiel

관련 문제