HTML 5規格で最新に導入されたtemplateタグの紹介

現在、W 3 Cは暇ではありませんが、2013年5月、新しい標準では、新しいラベルtemplateテンプレートが導入され、具体的には
標準:https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html#template-element
以下総合的にまとめて、皆さんの勉強に供します.
まず、サービス側のテンプレートは少なくありません.皆さんもたくさん使っています.今はクライアントのテンプレートです.まず例を見てみましょう.
 

function supportsTemplate() {
  return 'content' in document.createElement('template');
}

if (supportsTemplate()) {
  //    
} else {
  
//   

上のコードは、ブラウザがこのラベルをサポートしているかどうかを監視します.現在、chrome 26以上だけがこのラベルをサポートしています.

<template id="hhhhold-template">
  <img src="" alt="random hhhhold image">
  <h3 class="title"></h3>
</template>

<script>
  var template = document.querySelector('#hhhhold-template');
  template.content.querySelector('img').src = 'http://hhhhold.com/350x200';
  template.content.querySelector('.title').textContent = 'Random image from hhhhold.com'
  document.body.appendChild(template.content.cloneNode(true));
</script>

templateラベルには、テンプレートidが表示されます.ここでは、空のピクチャが定義されています.これらはすべて
実行時に動的に指定された、
例の部門はtemplate.content.义齿
テンプレートの内容を入力し、最後に使用することを忘れないでください.
   document.body.appendChild(template.content.cloneNode(true));アクティブ化テンプレートを計算します.