什么是HTML5template模板标签？

html-css012

什么是HTML5template模板标签？,第1张

顾名思义，这是一个模板。比如需要ajax刷新一个列表，以前的做法是后端生成html返回，或者前端用DOM构建后加入，但现在有了template标签，html的架构就不需要程序管了，只需要在特定的位置加入ajax请求到的数据即可，比如img的src或者其他text之类的，然后clone这个DOM，加入列表。

其实许多人以前也应该做过类似的事情，把一段html隐藏起来，然后clone它并修改里面的属性或者内容，得到一个DOM，加入列表并显示，用来刷新ajax列表。

1.无序列表

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

2.有序列表

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

3.自定义列表

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>