HTML语义:HTML5新标签 - 1.前言 当我们使用-base模板引擎时(如.tabs是直接写在当前页面上的。现在HTML5为我们提供了一个全新的标签来存储-base模板引擎的模板文本一堆目录: 2. 那些年我们存储模板文本的方式 Label label xmp label 3. label- 新增的可视化伪文档片段入口 2. 我们存储模板的方式当年的文字 首先要明确模板文档有以下2个要求:带src属性的img标签不会触发资源请求 以下是常用的存储方式:标签模板文本获取模板 注:如果模板包含标签,会造成标签结尾的混乱,所以用这种方式存储模板时,不能包含结束标签;标签的位置比较随意,可以作为head或body的子元素. 标签模板文本 获取模板 注意:如果模板中包含标签,会导致标签末尾的混乱。 因此,这样存储模板时,不能包含结束标签; 该元素必须是主体的后代元素。 xmp标签(以语义作为标识内容的示例,该标签已被标准废除,但主流浏览器仍然支持该标签) 模板文本
获取模板 注意:如果模板中包含标签,会导致标签末尾的混乱。 因此,这样存储模板时,不能包含结束标签; xmp 元素必须是 body 的后代元素。 由于模板文本中注意:如果模板包含标签,会导致标签末尾的混乱。 因此,这样存储模板时,不能包含结束标签; 标签的位置比较随意,可以作为head或者body的子元素。 至此,大家就会觉得标签除了是W3C标准之外,和标签没有太大区别。 那是因为我们还没有深入了解,下面我们就来一一了解一下吧! 不同的是,当模板文本存储在xmp方法中时,tplEl..返回1,tplEl.[0]。 返回#text。 返回0。 伪文档片段入口——属性传递或属性,内部模板文本将作为普通文本使用。 但元素为我们提供了另一种使用方式,那就是“伪文档片段”。 “伪文档片段”的[[Class]]是[nt],“伪文档片段”具有文档片段的所有功能API,不同的是设置img元素的src属性不会发送资源要求。
相反,我们可以通过属性来获取“伪文档片段”。 .('tpl')..('img').log(img.src) 显示空字符串 .log(img.('src')) 显示虚拟...('src').log(img.src )表明about:blank只有在添加到当前文档时才会发起资源请求。 .body.(img) 发起资源请求。log(tplEl..(/^[\s\u3000]*|[\s\u3000]*$/,'')) 显示一个空白字符串,因为该方法实际上会元素被切割,无法达到模板复用的效果。 因此,我们需要复制模板内的元素,然后将元素的副本添加到当前文档中。 实现的方法有很多种,大家可以自行探索。