在 Jade 中使用 HTML 被认为是不好的做法吗？

Jade 看起来像一个很酷的模板引擎，我想我将在下一个项目中使用它。然而，有些语法对我来说没有意义。

这样做你会得到什么：

ul
  li
    a(href="#book-a") Book A 

代替：

<ul>
  <li><a href="#book-a">Book A</a></li>
</ul>

我知道您节省了一些打字时间，但对我来说似乎不太可读。我在 Jade 的现场演示中注意到常规 html 直接通过翻译。那么这样做会被认为是不好的做法吗：

<div class="someClass">    
  <h3> #{book.name} </h3>
</div>

背景

实际上，jade/pug 语法允许通过使用 3 种语法来实现纯 HTML（或任何其他纯文本），如您所见项目网站上的参考 https://pugjs.org/language/plain-text.html.

点语法（也称为“阻止标签 https://pugjs.org/language/plain-text.html")

ul.
  <li><a href="#book-a">Book A</a></li>
  <li><a href="#book-b">Book B</a></li>

管道语法（也称为“管道文本 https://pugjs.org/language/plain-text.html")

ul
  | <li><a href="#book-a">Book A</a></li>
  | <li><a href="#book-b">Book B</a></li>

标签语法（也叫作 ”内联在标签中 https://pugjs.org/language/plain-text.html"), “只需在标签后面放置一些内容”，也可以做到这一点

ul
  li <a href="#book-a">Book A</a>

这将呈现

<ul><li><a href="#book-a">Book A</a></li></ul>

问题

回到你的问题，你的样本

<div class="someClass">    
  <h3> #{book.name} </h3>
</div>

可以写成简单的

.someClass
  h3= book.name

我认为这更具可读性，因此在这种情况下，您应该考虑编写原始 HTML 的不良做法，但并非总是如此。

IMO

IMO，常识是最好的良好实践。也许我会考虑使用原始 HTML 块在页面上插入小部件，即 YouTube 视频或自定义谷歌地图

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps/ms?msa=0&amp;msid=217708588685721440865.0004d1d4faefdd11adf39&amp;ie=UTF8&amp;ll=43.167638,-7.838262&amp;spn=1.010793,0.991384&amp;t=m&amp;output=embed"></iframe>

<iframe width="420" height="315" src="http://www.youtube.com/embed/_Vkm2nMM3-Q" frameborder="0" allowfullscreen></iframe>

如上所述，这里使用没有意义属性语法 https://github.com/visionmedia/jade/blob/master/jade.md#attributes。结果几乎相同，并且离开原始 html 更快。

iframe(width="425", height="350", frameborder="0", scrolling="no", marginheight="0", marginwidth="0" src="https://maps.google.es/maps/ms?msa=0&msid=217708588685721440865.0004d1d4faefdd11adf39&ie=UTF8&ll=43.167638,-7.838262&spn=1.010793,0.991384&t=m&output=embed")

iframe(width="420", height="315", src="http://www.youtube.com/embed/_Vkm2nMM3-Q", frameborder="0", allowfullscreen)