HTML中的简码如Wordpress

Question

有没有一种有效的方法可以将多个div放入一个类中。就像简码。例如;我写，但它会包含。可能吗？对不起，英文不好。

Answer 1

否.HTML不提供基于类创建额外元素的方法。

这听起来像你会更好用某种形式的模板语言。

例如，使用Template Toolkit：

box.tt从TT

<div class="heading"><div class="paragraph"><div class="bottom"> 
[% content %] 
</div></div></div> 

page.tt

[% WRAPPER box.tt %] 
Your content here 
[% END %] 

输出：

<div class="heading"><div class="paragraph"><div class="bottom"> 

Your content here 

</div></div></div> 

---

您可能也会提供服务pseudo-elements。他们听起来不太适合你的问题，但你没有清楚地解释你的用例。

Answer 2

...可以指定多个类，但必须以空格

Answer 3

我注意到你放的jQuery的标签在你的问题划定..使用jQuery你可以这样做

HTML

<div class="box"></div> 

jQuery的

$('.box').append('<div class="heading"></div><div class="paragraph"></div><div class="bottom"></div>'); 

但显然这只是发生一次页面加载。

http://jsfiddle.net/uL9LT/

Answer 4

下面是使用多个类，其中红色类可以控制颜色的一个例子。

<div class="red box">A</div> 
<div class="red heading">B</div> 
<div class="red paragraph">C</div> 
<div class="red bottom">D</div>