什么是HTML5 template模板标签

Thinking80s
  • 301

什么是HTML5 template模板标签?

回复
阅读 12.1k
3 个回答

今天翻到两份英文的资源, 只能看懂个大概.
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 的新闻貌似也刚更新出来, 不清楚浏览器支持力度怎么样,
不管怎么说, 对于模块化我是相当期待的

可以看这个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列表。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏