文書の骨格
<template> あとで使うHTMLのひな形
意味
JavaScriptで複製して使うHTMLのひな形を置く場合に使います。中身は画面に表示されず、画像の読み込みやスクリプトの実行も起きません。一覧の行やカードを、データの数だけ増やす場面で使います。
コード
<template id="row">
<li class="news__item"><time></time> <a></a></li>
</template>プレビュー(初期表示)
ブラウザ対応
| ブラウザ | 対応 |
|---|---|
| Chrome | 26〜 |
| Firefox | 22〜 |
| Safari | 8〜 |
| Edge | 13〜 |
| Chrome Android | 26〜 |
| Safari iOS | 8〜 |
出典: MDN Web Docs(`@mdn/browser-compat-data`)