Übersetzung von Texten in html

Wie Texte und entsprechende Übersetzung Strophe in HTML darstellen?Übersetzung von Texten in html

nur ein Beispiel:

 
Может, поздно, может, слишком рано,  Maybe, it's too late or, maybe, early, 
И о чем не думал много лет,    It has not occurred to me for years, 
Походить я стал на Дон-Жуана,    I resemble now Don Juan, really, 
Как заправский ветреный поэт.    Like a proper flippant man of verse.

Wie es in SEO freundlich und semantischer Weise repräsentieren?

P.S. Ich hasse wirklich Lösung mit Tabellen und möchte nicht Originalzeile und übersetzte in einen Container (ich denke, es ist hässlich und schlecht für googgles).

Quelle

2009-08-12 Alex Bolotov

Hmmm. Semantisch gesehen könnte ich ein Argument für diese Listen oder Absätze sehen.

ich glaube ich mit so etwas wie diese (Entschuldigung für Code aufblasen) gehen würde:

<style> 
.song 
{ 
    background: #444; 
    overflow: auto; 
    zoom: 1.0; 
    padding-bottom: 1em; 
    border: 1px solid #000; 
} 

.song .lyrics 
{ 
    float: left; 
    color: #ddd; 
    margin: 1em; 
    width: 20em; 
} 

.song #russian.lyrics { background: #009; } 

.song #english.lyrics { background: #090; } 

.song .lyrics p { margin: .5em .2em; } 
</style> 

<div class="song"> 
    <div id="russian" class="lyrics"> 
     <p>Может, поздно, может, слишком рано,</p> 
     <p>И о чем не думал много лет,</p> 
     <p>Походить я стал на Дон-Жуана,</p> 
     <p>Как заправский ветреный поэт.</p> 
    </div> 
    <div id="english" class="lyrics"> 
     <p>Maybe, it's too late or, maybe, early,</p> 
     <p>It has not occurred to me for years,</p> 
     <p>I resemble now Don Juan, really,</p> 
     <p>Like a proper flippant man of verse.</p> 
    </div> 
</div>

Quelle

2009-08-12 20:18:33 annakata

Ich würde geneigt sein, sowohl "Russisch" und "Songtexte" Klassen für den Fall zu machen, dass es mehrere Lieder auf einer Seite geben könnte. – Chuck

Die meisten Lyrics-Seiten, die ich gesehen habe, sind ein Lied pro Seite, also ging ich mit diesem Ansatz - marginaler Anruf, obwohl es war. Dem OP steht es frei, das natürlich zu ändern, sollte er dies überhaupt nutzen. – annakata

Ich denke nicht, jede Zeile als Absatz zu markieren ist semantisch richtig.Ein
Tag zwischen jeder Zeile wäre besser. – Alohci

Sie verwenden divs. setzen Sie jeden Satz von Texten in einem div-Tag und dann einige CSS verwenden, um die zwei divs nebeneinander so zu formatieren, wie:

.lyrics { 
float: left; 
}

Es gibt eine Reihe von anderen CSS-Techniken, die das gleiche tun werden.

Quelle

2009-08-12 20:04:12

Ich würde nur die englischen Übersetzungen komplett weglassen. Ich denke, die meiste Musik klingt beeindruckender, wenn du nicht wirklich verstehen kannst, was der Sänger sagt, und dein Beispieltext scheint dies zu bestätigen. :)

Ernst beiseite, würde ich tatsächlich abwechselnd nur die Original-Texte und die Übersetzung mit verschiedenen Schriftarten, etwa so:

Je ne parle pas d'un bâtiment

[Ich glaube nicht, sprechen ein Gebäude]

请不要拍我

[Bitte schießen Sie mich nicht]

Quelle

2009-08-12 20:11:08 MusiGenesis

+1 für nicht übersetzen Texte - wörtliche Übersetzungen von guten Texten produzieren oft schlechte Texte, und wenn die Texte in der Originalsprache schlecht sind ...! –

Mein Lieblings Elton John Lied ist "Hold Me Closer, Tony Danza". – MusiGenesis

Wie bereits erwähnt, verwenden Sie divs mit CSS, um den gewünschten Effekt zu erzielen, sans tables. Hier ist eine Seite mit a pretty comprehensive overview of CSS positioning, um loszulegen.
Als ein Beispiel dessen, was Sie verwenden können, versuchen Sie dies:

<html> 
<head> 
<style type="text/css"> 
.lyrics { 
    width: 200px; 
    height: 100px; 
    border: 1px solid black; 
} 
.original { 
    float: left; 
} 
.translation { 
    float: right; 
} 
</style> 
</head> 
<body> 
<div class="lyrics original">(lyrics here)</div> 
<div class="lyrics translation">(translation here)</div> 
</body> 
</html>

Quelle

2009-08-12 20:14:44 Donut

Achtung! die gefürchteten undsemantischen linken und rechten Klassen! – annakata

Guter Fang; Fest. – Donut

viel besser;) – annakata

Ich glaube tatsächlich, ein Tisch hier am meisten Sinn macht.

Quelle

2009-08-13 11:38:21 Ms2ger

Antwort

Verwandte Themen