learning-formats
hVocabulary
example code
this is how iKnow.co.jp markes up cue-response pairs and the learning content around it
<div class="hVocabulary">
<!-- atomic cue-response part -->
<div class="cue_response">
<div class="cue" rel="en-US">
<span class="sound">http://media4.cerego.co.jp/contents/core/audio/core2_1_q108.mp3</span>
<span class="text"><a href="http://www.iknow.co.jp/item/37992">record</a></span>
</div>
<div class="response" rel="ja-JP">
<span class="text">記録</span>
</div>
</div>
<!-- sample sentences: -->
<div id="sample_sentence_0" class="sample_sentence">
<img alt="record" src="http://media2.cerego.co.jp/contents/images/s/3603949.jpg" title="record"/>
<div class="sentence">
<span class="sound" id="37992_sample_sentence_0_sound">http://media4.cerego.co.jp/contents/core/audio/core2_1_s1_108.mp3</span>
<p class="sample" rel="en-US">I keep <b>records</b> of all the work I have done.</p>
<p class="translation" rel="ja-JP">私は自分がした仕事を全て記録している</p>
</div>
</div>
<div id="sample_sentence_1" class="sample_sentence">
<img alt="record" src="http://media2.cerego.co.jp/contents/images/s/3603949.jpg" title="record"/>
<div class="sentence">
<span class="sound" id="37992_sample_sentence_0_sound">http://media4.cerego.co.jp/contents/core/audio/core2_1_s1_108.mp3</span>
<p class="sample" rel="en-US">The secretary keeps careful <b>records</b>.</p>
<p class="translation" rel="ja-JP">その秘書は慎重に記録を取る</p>
</div>
</div>
</div>