扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
什么是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-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
可以看这个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...