文档章节

html5的templte标签

XuYuan
 XuYuan
发布于 2014/06/27 10:25
字数 197
阅读 130
收藏 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
石家庄
架构师
私信 提问
HTML4 和 HTML5 的10个关键区别

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆...

虫虫
2011/10/13
89.7K
14
网站页面间脚本传至 sessionStorage

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

小仙女KOMons
07/10
0
0
sessionStorage保存滚动条位置

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

少年已不再年少
08/20
0
0
现在就开始使用 HTML5 的十大原因

日期:2011/12/05 来源:GBin1.com 你 难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是w...

gbin1
2011/12/07
4.1K
31
HTML5和CSS3不仅仅是两项新的Web技术标准

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

课工场CC老师
2017/10/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

设计模式之观察者模式

本片博客主要翻译这篇文章: https://www.journaldev.com/1739/observer-design-pattern-in-java 由于翻译水平有限,自认为许多地方翻译不恰当,欢迎各位给出宝贵的建议,建议大家去阅读原文...

firepation
17分钟前
0
0
Js中DOM事件绑定分析

在这篇文章中小编给大家整理了关于JS中DOM事件绑定的相关知识点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 #Js事件绑定 Ja...

前端攻城小牛
23分钟前
2
0
指令、伪操作、伪指令和宏指令区别

汇编语言程序中的语句可以由指令、伪指令和宏指令组成。 指令:每一条指令都对应一种CPU操作。 伪指令又称为伪操作,它是在对源程序汇编期间由汇编程序处理的操作,它们可以完成如处理器选择...

二营长意大利炮
23分钟前
2
0
SQL Server SQL语句删除索引

当删除索引提示超时时候,可以使用SQL语句删除索引,可以避免删除索引超时问题。 use [数据库名]drop index [索引名称] on [表名]

产吅经理
23分钟前
1
0
深入解析Axios 常用的请求方法别名

下面小编就为大家分享一篇Axios 常用的请求方法别名,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 #Axios 是一个基于 promise ...

前端攻城老湿
29分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部