learning-formats

From Microformats Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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