html5的templte标签
博客专区 > XuYuan 的博客 > 博客详情
html5的templte标签
XuYuan 发表于3年前
html5的templte标签
  • 发表于 3年前
  • 阅读 119
  • 收藏 6
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: 使用template标签

一般我们使用<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>





标签: html5
共有 人打赏支持
粉丝 14
博文 23
码字总数 11760
×
XuYuan
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: