嵌套的内嵌元素与玉

Question

我试图在Jade

中正确渲染这段html代码

<h1>Hello<small> world</small></h1>

不幸的是，我尝试过的一切都没有用。

我尝试将small内联，但它不起作用。我试图将一个小行放在一个新行中，但是这样小就不会嵌套在h1标签中

Answer 1

我找到了这个解决方案并且有效。从Jade 1.0开始，支持嵌套的内联标记

h1 Hello #[small world]

Answer 2

从大约2013年12月的Jade 1.0开始，使用以下语法支持内联标记：

  

#[tag(attribute='value') lorem ipsum]

使用您的HTML示例：

<h1>Hello <small>world</small></h1>

可以在Jade中重写为：

h1 Hello #[small world]

虽然不那么受欢迎 - 当然也不是更好 - 但您也可以使用常规HTML混合和最大化Jade标记，例如：

h1 Hello <small>world</small>

Jade Playground是尝试新技术的好地方！

Answer 3

除了内联元素之外，您还可以在使用第一个jade元素生成语法后使用HTML块。所以

h1 Hello <small>world</small>

也将呈现为

<h1>Hello <small>world</small></h1>