HTML5 <template>标签 学习笔记

简介：HTML内容模板（）元素是一种用于保存客户端内容机制，该内容在加载页面时不会呈现，但随后可以在运行时使用JavaScript实例化。

• 标签内容隐藏
• 标签位置任意
• template.childNodes无效
• 可以使用template.innerHTML获取完整的HTML片段
• template.content会返回一个文档片段，通过template.content.querySelector("")获取子元素
• 自身可以CSS渲染，内部标签直接异空间不渲染
• 模板的克隆：

var clone = document.importNode(template.content, true);