HTML5中<template>标签的详细介绍 - Go语言中文社区

HTML5中<template>标签的详细介绍

HTML5中<template>标签的详细介绍（图文）

这篇文章主要介绍了HTML5中的template标签,是HTML5入门中的重要知识,需要的朋友可以参考 

一、HTML5 template元素初面

<template>元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是“模板元素”。

目前，我们在HTML中嵌入模板HTML，往往是类似这样的写法：

  1. 1
    2
    3
    <script type="text/template">
    // ...  
    </script>

实际上，并不存在type="text/template"这样的标准写法，<template>元素的出现旨在让HTML模板HTML变得更加标准与规范。

以前，我们可能还使用过<textarea>或者<xmp>(废止但依然可用)嵌套非转义的HTML标签代码，实现一些特定的前端功能，但，同样的，跟上面的流行用法一样，都是不规范的。从未来趋势来讲，显然<template>标签才是王道。但是，兼容性是个不可忽略的问题，因此，就算扯得很多很少，实际价值有有限，因此，这里仅仅简单介绍下。
二、HTML5 template元素复面

看下下面四种嵌套图片HTML，同时图片内容不显示，不会有请求的写法：

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/template">
<img src="mm1.jpg">
</script>
<textarea 版权声明：本文来源博客园，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.cnblogs.com/hanguidong/p/9381317.html
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2019-11-17 19:52:13
  • 阅读 ( 2771 )
  • 分类：前端

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！