2.5 Plain Text

Jade提供三种常用的方法获取文本,这三种方式适合不同的情况。

2.5.1 管道文本

第一种方法是使用管道符|,也就是键盘Enter键上方的按键。管道符出现在每行第一个非空格字符时,改行就会被认为是文本。

Jade:

| Plain text can include <strong>html</strong>
p
  | It must always be on its own line

HTML:

Plain text can include <strong>html</strong>
<p>It must always be on its own line</p>

2.5.2 标签行内文本

这是我们用的最多的一种方式,只需要将文本放在标签之后,并用空格与标签隔开即可。

Jade:

p this is a inline text in a tag

HTML:

<p>this is a inline text in a tag</p>

2.5.3 标签块文本

有时候你可能会希望在一个标签中使用大量文本,就比如我们希望在scriptstyle标签内包含大量的脚本代码或样式代码。为了达到这样的效果我们可以使用.符号来达到目的,只需要将.符号紧跟在标签后即可(不能有空格)。

Jade:

script.
  if (usingJade)
    console.log('you are awesome')
  else
    console.log('use jade')

HTML:

<script>
  if (usingJade)
    console.log('you are awesome')
  else
    console.log('use jade')
</script>
Copyright © terrynie.com 2016 all right reserved,powered by Gitbook该文件修订时间: 2016-04-01 16:34:26