HTML语义化：HTML5新标签——template….docVIP

HTML语义化：HTML5新标签——template 一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ? 当我们使用String-base的模板引擎（如Handlebars.js等）时，要么就通过外部文件存放模板文本，需要时再通过XHR或script 标签加载进来；要么通过script type=text/x-template/script等标签直接写在当前页面上。现在HTML5为我们提供了一个全新的 template标签，以更统一、有效的方式存放String-base模板引擎的模板文本了！ ? 目录一坨： ? 二、那些年我们存放模板文本的方式 ? 　　1. script标签 ? ? ? ? 2. textarea标签 ? ? ? ? 3. xmp标签 ? 三、template标签的新视觉 　　 ? 1. 不一样的childNodes 　　　2. 伪文档片段入口——content属性 ? 二、那些年我们存放模板文本的方式　　　　　　　　　　　　　　　　　　 ? 首先要明确模板文档具有以下2个要求： ? ? 1. ? ?不被转成字符实体； ? ? 2. 含src特性的img标签不触发资源请求。 ? 下面是常用的存放方式： ? ? 1. script标签 // 模板文本 script id=tpl type=text/x-template img src=dum