扫码关注官方订阅号
什么是HTML5 template模板标签？
光阴似箭催人老，日月如移越少年。
可以看这个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列表。
今天翻到两份英文的资源, 只能看懂个大概.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 的新闻貌似也刚更新出来, 不清楚浏览器支持力度怎么样, 不管怎么说, 对于模块化我是相当期待的
<template>
Object.observe
自己理清了，就是说HTML5 有许多标签帮助网页结构化，这能省去以网页中许多p HTML5 Boilerplates（HTML 5模板）
http://html5doctor.com/html-5-boilerp...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
3
1235
收藏
可以看这个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列表。
今天翻到两份英文的资源, 只能看懂个大概.
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 的新闻貌似也刚更新出来, 不清楚浏览器支持力度怎么样,
不管怎么说, 对于模块化我是相当期待的
自己理清了，就是说HTML5 有许多标签帮助网页结构化，这能省去以网页中许多p HTML5 Boilerplates（HTML 5模板）
http://html5doctor.com/html-5-boilerp...