什么是HTML5 template模板标签

Question

什么是HTML5 template模板标签？

Answer 1

今天翻到两份英文的资源, 只能看懂个大概.
http://html5-demos.appspot.com/static...
https://dvcs.w3.org/hg/webcomponents/...
因为 HTML 和 CSS 存在各种问题, 导致模块化无法展开,
于是 W3C 有了关于 Web Components 的 Draft, 就是上边的链接.
<template> 标签, Shadow DOM, scoped CSS, 自定义标签, 还有 Object.observe 都是为此而生,
目的是为了实现前端模块化的大计...
<template> 顾名思义就是前端模版, 里边的脚本图片都不会执行, 直到被使用之后.
Chrome 的新闻貌似也刚更新出来, 不清楚浏览器支持力度怎么样,
不管怎么说, 对于模块化我是相当期待的

Answer 2

可以看这个chrome的bloghttp://blog.chromium.org/2013/02/chro...

template标签是首先是一个标签<template></template>
顾名思义，这是一个模板。比如需要ajax刷新一个列表，以前的做法是后端生成html返回，或者前端用DOM构建后加入，但现在有了template标签，html的架构就不需要程序管了，只需要在特定的位置加入ajax请求到的数据即可，比如img的src或者其他text之类的，然后clone这个DOM，加入列表。
其实许多人以前也应该做过类似的事情，把一段html隐藏起来，然后clone它并修改里面的属性或者内容，得到一个DOM，加入列表并显示，用来刷新ajax列表。

Answer 3

自己理清了，就是说HTML5 有许多标签帮助网页结构化，这能省去以网页中许多div HTML5 Boilerplates（HTML 5模板）

http://html5doctor.com/html-5-boilerp...