详解HTML5中的<template>标签
一、HTML5 template元素初面
元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。
目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法:
XML/HTML Code复制内容到剪贴板- <script type="text/template">
- // ...
- script>
实际上,并不存在type="text/template"这样的标准写法,元素的出现旨在让HTML模板HTML变得更加标准与规范。
以前,我们可能还使用过
看下下面四种嵌套图片HTML,同时图片内容不显示,不会有请求的写法:
XML/HTML Code复制内容到剪贴板- <script type="text/template">
- <img src="mm1.jpg">
- script>
- <textarea style="display: none;">
- <img src="mm1.jpg">
- textarea>
- <xmp style="display: none;">
- <img src="mm1.jpg">
- xmp>
- <template>
- <img src="mm1.jpg">
- template>
1. 标签内容隐藏性
这个很讨厌的。
2. 标签位置任意性
除了上面子元素天然隐藏外,标签还有一个特性,就是位置任意性,这非常类似
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/html5/77252.html