文档章节

html5的templte标签

XuYuan
 XuYuan
发布于 2014/06/27 10:25
字数 197
阅读 127
收藏 6

一般我们使用<script type='text/html'></script>来定义前端的模板。可是如果这模板中包含有嵌套的<script>标签,那么在ie8/9等浏览器中就不能正常工作。好在HTML5提供了一个专门的template标签专门用于前端模板的定义。

与其他常用HTML5标签不同的是,即使是最新的IE11仍然不支持此标签。那么我们只能按照html5shim的方式为IE创建此标签即可。也就是在<haead>中通过document.createElement('template')来让IE识别此标签,然后在标签上定义样式来隐藏模板即可。

如:

<!DOCTYPE html>
<html>
    <head>
        <!--[if IE]>
            <script>document.createElement('template');</script>
            <style>template{display:none;}</style>
        <![endif]-->
    </head>
    <body>
        <templat style='display:none'>
            ....
        </template>
    </body>
</html>





© 著作权归作者所有

共有 人打赏支持
XuYuan
粉丝 14
博文 24
码字总数 12461
作品 0
石家庄
架构师
sessionStorage保存滚动条位置

1、localStorage、sessionStorage他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。 2、localStorage生命周期是永久,这意味...

少年已不再年少
08/20
0
0
网站页面间脚本传至 sessionStorage

sessionStorage、localStorage详解 webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象...

小仙女KOMons
07/10
0
0
HTML5和CSS3不仅仅是两项新的Web技术标准

HTML5和CSS3不仅仅是两项新的Web技术标准 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那...

课工场CC老师
2017/10/24
0
0
给网页设计师的30个HTML5学习资源

早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言...

晨曦之光
2012/03/09
0
0
HTML5大纲算法(HTML5 Outliner)

HTML5大纲算法(HTML5 Outliner) 1、HTML5大纲算法 合理的使用HTML5元素标签,可以生成一个条例非常清晰的网站文档大纲。 测试网站地址:https://gsnedders.html5.org/outliner/ <section>...

Owen_Gao
2015/07/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

原型模式

1、原型模式-定义 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象 克隆(浅度克隆->拷贝值类型或者引用,深度克隆->创建新的对象,开辟新的内存) 例如客户端知道抽象Pro...

阿元
今天
6
0
awk命令扩展使用操作

awk 中使用外部shell变量 示例1 [root@centos01 t1022]# A=888[root@centos01 t1022]# echo "" | awk -v GET_A=$A '{print GET_A}'888[root@centos01 t1022]# echo "aaaaaaaaaaaaa" | aw......

野雪球
今天
13
0
深入解析MySQL视图VIEW

Q:什么是视图?视图是干什么用的? A:视图(view)是一种虚拟存在的表,是一个逻辑表,本身并不包含数据。作为一个select语句保存在数据字典中的。   通过视图,可以展现基表的部分数据;...

IT--小哥
今天
18
0
虚拟机学习之二:垃圾收集器和内存分配策略

1.对象是否可回收 1.1引用计数算法 引用计数算法:给对象中添加一个引用计数器,每当有一个地方引用它时,计数器值就加1;当引用失效时,计数器值就减1;任何时候计数器值为0的对象就是不可能...

贾峰uk
今天
12
0
smart-doc功能使用介绍

smart-doc从8月份底开始开源发布到目前为止已经迭代了几个版本。在这里非常感谢那些敢于用smart-doc去做尝试并积极提出建议的社区用户。因此决定在本博客中重要说明下smart-doc的功能,包括使...

上官胡闹
昨天
22
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部