详解HTML5中的&template&标签
发布者: moke |
一、HTML5 template元素初面&template&元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是“模板元素”。目前，我们在HTML中嵌入模板HTML，往往是类似这样的写法：&type="text/template"&&//&... &&&&实际上，并不存在type="text/template"这样的标准写法，&template&元素的出现旨在让HTML模板HTML变得更加标准与规范。以前，我们可能还使用过&textarea&或者&xmp&(废止但依然可用)嵌套非转义的HTML标签代码，实现一些特定的前端功能，但，同样的，跟上面的流行用法一样，都是不规范的。从未来趋势来讲，显然&template&标签才是王道。但是，兼容性是个不可忽略的问题，因此，就算扯得很多很少，实际价值有有限，因此，这里仅仅简单介绍下。二、HTML5 template元素复面看下下面四种嵌套图片HTML，同时图片内容不显示，不会有请求的写法：&type="text/template"&&&src="mm1.jpg"&&&&&&&style="display:&"&&&src="mm1.jpg"&&&&&&&style="display:&"&&&src="mm1.jpg"&&&&&&&&&src="mm1.jpg"&&&&1. 标签内容隐藏性&&& &script&本身的特定，让内部的HTML标签是按照字符串处理的，因此，天生内容不显示。但是，在DreamWeaver中，这种写法有个很大的问题，就是在script中书写模板HTML时候，标签自动闭合的永远是&/script&这个很讨厌的。&&& &textarea&为文本域，里面嵌套的HTML片段会被当做文本域的值。但，文本域本身是可见的，因此需要额外的设置display:&&& &xmp&是个很老很特殊的属性，语义为example，示例。据说后来被&pre&标签取代而废止，实际上，目前，所有的浏览器都是支持的。但是，其跟&pre&标签不能划等号。&pre&里面有个&img&标签，显示的则是一张图片，而&xmp&呈现的就是一段HTML代码。不过，与&textarea&一样，内容不显示的话，还需要额外的设置display:&&& 上面这个&template&标签上没有设置display:，注意到了没有。为何？这只是发挥了&template&标签元素的原本特性，天生display:none，同时模板元素内部内容是死活不会呈现的。因此，无需设置隐藏。这就是HTML5 &template&标签元素特征之一：标签内容隐藏性.2. 标签位置任意性除了上面&template&子元素天然隐藏外，&template&标签还有一个特性，就是位置任意性，这非常类似&script&或者&style&标签，可以在&head&中，也可以在&body&或者&frameset&中。3. childNodes无效性虽然，肉眼看上去是&template&标签里面还有很多子标签，这种惯性思维在这里是不受用的。假设变量template是我们获得的一个&template&标签DOM（里面一大堆HTML代码），你会发现：template.childNodes是个空大屁。我们可以使用template.innerHTML获取完整的HTML片段。如果你非得获取“伪子元素”。也是有办法的，OK，睁大眼睛，要使用content属性。template.content会返回一个文档片段，你可以理解为另外一个document，然后，使用document下的一些查询API就可以获得&template&标签里面的“伪子元素”了。例如，获得第一张图片元素则是：var&image_first&=&template.content.querySelector("img");&&三、HTML5 template元素终面您可以狠狠地点击这里：HTML5 template模板元素体验demo模板元素与CSS如果浏览器有眼不识泰山，认为&template&就是个普通的自定义元素，则显示的就会使下面这个样子，内部的标签按照一般的标签渲染了。如果浏览器与时俱进，则显示会是下面这样，自身CSS渲染，内部标签直接异空间不渲染，例如Chrome:也就是说，虽然从CSS的角度看，&template&就是个跟CSS打得火热的普通元素，但是，从HTML角度看，其犹如带土的写轮眼，可以让内部标签转移到异空间，血迹界限般稀有。默认情况下，&template&是隐藏的，实际是默认其display属性为none. 使用下面的代码一测便知：window.getComputedStyle(template).&&& // 结果是"none"因此，demo中才设置了如下的CSS声明：template&{&display:█&...&}&&模板的克隆如果你是在HTML字符串上处理，类似于现在流行的MVC框架或模板技术，则template.innerHTML足矣。然，&template&比&script&强大之处在于，&script&内部内容只能当做字符串来获取，而&template&虽然存在于异空间，但是，依然可以节点获取（上面有展示），以及完整克隆，语法类似下面：var&clone&=&document.importNode(template.content,&true);&&然后，你就可以用append节点(appendChild)的方式，加载模板内容了，而不是（没得选择）append字符串加载模板内容。标题是“简介”，因此，不展开，也不放具体的实例了（若有兴趣，可参考文末的参考文章），大家知道有这么回事就好。四、HTML5 template面试小结至此，&template&元素的行为、表现以及一些方法基本上有了大致的认识，如果这是场面试的话，则我对&template&的评价还是挺高的，特殊场景使用的特殊利器，一些类似“异空间”的设计也是让人大开眼界，这个元素要比&hgroup&之类的HTML5元素更受欢迎更受关注也更有潜力。临近最后，放上兼容性表，IE浏览器拖了好大的后腿，不过我表示很淡定，因为对IE早已麻木！兼容性
魔客吧温馨提示：如果您正在寻找网站后台模板，那么到魔客吧的
频道看看吧，说不定有你喜欢的哦！
本文地址：
文章标题：
最新分享资源查看: 2156|回复: 9
&&，在后台的sql语句里变成&&了？
主题帖子积分
如题，导致读取的数据都不对了
主题帖子积分
高级会员, 积分 763, 距离下一级还需 237 积分
高级会员, 积分 763, 距离下一级还需 237 积分
写sql的时候这个符号就用代码来代替。
虽然你的表白打动了我，但是我们还是做朋友吧；
尽管很感谢你喜欢上我，但是我们还是做朋友吧。
主题帖子积分
本帖最后由 yinlun 于
14:04 编辑
comeonbabyoh 发表于
写sql的时候这个符号就用代码来代替。
这样，运行的时候报错,执行sqlQueryAction时报错！
主题帖子积分
在KSQL编辑器中写的是会转义的，自己的sql直接在源码中写应该可以
远程的联系方法QQ,添加好友时，需在备注里注明其论坛名字及ID，公司等信息
发远程时同时也发一下帖子地址，方便了解要解决的问题&&&&
如按照该方法解决，请及时跟帖，便于版主结贴
主题帖子积分
jishuang 发表于
在KSQL编辑器中写的是会转义的，自己的sql直接在源码中写应该可以
我写的是sql不是ksql哦
主题帖子积分
高级会员, 积分 763, 距离下一级还需 237 积分
高级会员, 积分 763, 距离下一级还需 237 积分
yinlun 发表于
我写的是sql不是ksql哦
KSQL就是用空格啊，KSQL是你在数据库中一样的符号写的。
虽然你的表白打动了我，但是我们还是做朋友吧；
尽管很感谢你喜欢上我，但是我们还是做朋友吧。
主题帖子积分
comeonbabyoh 发表于
KSQL就是用空格啊，KSQL是你在数据库中一样的符号写的。
我不明白你说的，什么空格
我就是问，我sql里写的&&,执行的时候怎么变成符号了？
主题帖子积分
写sql直接到源码中写，不要在KSQL编辑器中写
远程的联系方法QQ,添加好友时，需在备注里注明其论坛名字及ID，公司等信息
发远程时同时也发一下帖子地址，方便了解要解决的问题&&&&
如按照该方法解决，请及时跟帖，便于版主结贴
主题帖子积分
jishuang 发表于
写sql直接到源码中写，不要在KSQL编辑器中写
我就是写在源码中的，没有写在编辑器里
主题帖子积分
在源码中写的什么就是什么，应该不会转码的，控制台上打印出的sql中是转过码？
sql中不等用!=
远程的联系方法QQ,添加好友时，需在备注里注明其论坛名字及ID，公司等信息
发远程时同时也发一下帖子地址，方便了解要解决的问题&&&&
如按照该方法解决，请及时跟帖，便于版主结贴
Powered by<千年 风雅>_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
<千年 风雅>
&&<千年 风雅>
阅读已结束，下载本文需要
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢&指环王&里的爱情故事[楼主]&作者:
&发表时间: 12:36
&&&&&&&&点击:449次
&[2楼] &作者:
&发表时间:
12:50&[][][]
亏了还没去睡下，多么巧&
今天凌晨后，正想着蛰溪怎么久不见了，你就来了！就是这么巧！
感情这世上，人与人之间还就是有感应，来，拥抱一下妹妹~~
妹妹文字，先睹为快，读后俺才去觉觉 ：）
&※※※※※※ 我手写我心，我歌咏我情我梦抒我爱，我情言我志
&发表时间:
12:54&[][][]
回复:嘻嘻有感应啊 ?&[4楼] &作者:
&发表时间:
13:12&[][][]
这样坚贞不渝忠诚专一的爱情，只永远存在神话了！&
最喜欢蛰溪的观后感，蛰溪这样的为文习惯真的很可取：毫无虚无和华丽之意，意在主次分明讲出事情的来龙去脉，这样作文对读者最有教益，比如，我本人读了蛰溪这篇，曾经支离破碎看过的《指环王》剧情和重点清清楚楚，甚至可以不去看这电影了，这真好！
蛰溪，看了好电影再介绍，起码我看得很少，多数朋友也没有你这样强的概括力。
&※※※※※※ 我手写我心，我歌咏我情我梦抒我爱，我情言我志
&发表时间:
13:14&[][][]
据说，知己和亲人有感应&
还有许多的例子呢
常念着你，盼着你，抽空还要来这个家转转 ：）
祝小蛰溪天天快乐& ：）※※※※※※ 我手写我心，我歌咏我情我梦抒我爱，我情言我志
&发表时间:
13:56&[][][]
那下次您感的时候,我应着点,就是了单纯姐姐误会了 我不小啊 不过比你小 我工作已经第十个年头了
&[7楼] &作者:
&发表时间:
16:06&[][][]
爱情精品是给凡人看的
是给敢于追求人的精神食粮
我们为之精神振奋的
问好蛰溪。※※※※※※ 飞翔需要体魄和毅力
&[8楼] &作者:
&发表时间:
17:05&[][][]
比我小就是小，我大你十几岁称你小蛰溪，没问题！呵呵※※※※※※ 我手写我心，我歌咏我情我梦抒我爱，我情言我志
&&简捷回复 &&文明上网 理性发言
( )版权所有&&&&校花的神级高手&小说全文阅读_&校花的神级高手&免费阅读_百度阅读
&0手机专享价
原创男频热门榜单
& 0手机专享价
扫码免费下载该书再送20元代金券
&校花的神级高手&
手机专享价
&0扫码免费下载该书，再送20元代金券
仅限新用户
&&&&&&&&稍后就会开始更新《超级学霸》续集，只为给铁杆兄弟一个交代。
目录（共20章）
投诉与建议
扫描下载客户端}