①. The first word of the feature is a tag, and some unidentifiable tags can be used as code, such as adding tags in the each for case if else if unless Zen coding style, as shown in. <Div class = "Nb" id = "hello"> </div> indentation generated by Nb # Hello must be integrated with tab or space. Otherwise, an error is reported, indicating the nested relationship through indentation, this is important! For example, p A generates <p> <A> </a> </P> ②. coding and HTML fragments-followed by code # {var }! {Var} = var! = Var: The variable value can be output in the HTML fragment | followed by a text tag. added compliance. indicates that the next line of nested text is plain text ③, nested include jade Path 4, inherit extends Jade Path 5, comment // single line comment or the next line of nested text are comments 6, mixins a powerful tool to reduce repetitive work, define a task Block
1 mixin article(title) 2 .article 3 .article-wrapper 4 h1= title 5 if block 6 block 7 else 8 p No content provided 9 10 +article(‘Hello world‘)11 12 +article(‘Hello world‘)13 p This is my14 p Amazing article
After rendering changes
1 <div class="article"> 2 <div class="article-wrapper"> 3