什麼是玉石豎條？

當我輸入下面的HTML，

<!doctype html> 
<html class="no-js"> 
    <head> 
    <meta charset="utf-8"> 
    </head> 
    <body> 
    <div class="container"> 
     <div class="header"> 
     <ul class="nav nav-pills pull-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
     </div> 
    </div> 
</body> 
</html>

輸出如下：

doctype html.no-js 
head 
    meta(charset='utf-8') 
    | 
    body 
    .container 
     .header 
     ul.nav.nav-pills.pull-right 
      li.active 
      a(href='#') Home 
      |   
      li 
      a(href='#') About 
      |   
      li 
      a(href='#') Contact

什麼是豎線（|）的目的是什麼？

來源

2016-03-14 Stefan

這只是一個更好的可視化玉文件中的純文本。請參閱https://pugjs.org/language/plain-text.html

來源

2016-03-14 17:58:08 burnedikt

快速更新@ burnedikt的答案。由於Jade現在由於「Jade」這個詞造成版權問題，因此網站也發生了變化。目前的鏈接是https://pugjs.org/language/plain-text.html#piped-text。

FYI了據稱是簡單的：

添加純文本模板的最簡單的方法是用前綴行|字符（發音爲「管道」）。

如果你有興趣做多行文本，而不必具有垂直斜槓（別稱「管」字）每一次，看看這個答案：jade template engine (under node.js): multi-line block without pipe symbol。

來源

2016-11-06 01:49:04 Danora

什麼是玉石豎條？

回答

相關問題