learning-formats

From Microformats Wiki
Jump to navigation Jump to search

hVocabulary

example code

this is how iKnow[1] 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 en" xml:lang="en" lang="en">
      <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 ja" xml:lang="ja" lang="ja">
      <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 en" xml:lang="en" lang="en">I keep <b>records</b> of all the work I have done.</p>
      <p class="translation ja" xml:lang="ja" lang="ja">私は自分がした仕事を全て記録している</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 en" xml:lang="en" lang="en">The secretary keeps careful <b>records</b>.</p>
      <p class="translation ja" xml:lang="ja" lang="ja">その秘書は慎重に記録を取る</p>
    </div>
  </div>
</div>


See Also