如何避免重复的html代码？

问题描述：

我有10个链接，指向10 div与显示：无，当我点击一个链接，它应该使该div出现，每个div包含tabs.Writing选项卡代码为每个div是空间消耗和时间take.Is有什么办法可以减少代码并完成任务？如何避免重复的html代码？

<a href="#div1">click to see div 1</a> 

<a href="#div2">click to see div 2</a> 

<a href="#div3">click to see div 3</a> 

<div id="div1" style="display:none;"> 

jquery ui-tabs code 

</div> 

<div id="div2" style="display:none;"> 

jquery ui-tabs code 

</div> 

<div id="div3" style="display:none;"> 

jquery ui-tabs code 

</div>

*有没有什么办法可以减少代码并完成任务*：是的，但是我们无法告诉你没有更多细节。 –

你到目前为止尝试过什么？（protip：在这里复制你的代码，并从jsfiddle.net这样的站点提供一个可用的例子） –

你可以尝试在你的IDE中为重复代码创建代码片段。但它可能只是重复该特定的项目，所以也许你需要使用PHP来通过函数生成HTML来避免所有的手工编码，它肯定不会出错。 –

答

您可以使用像Jade，Hogan等工具通过允许部分为了实现代码模板。

如何避免重复的html代码？

相关推荐