[pug]
p TOP
br
a(href="") テキストあああ
[html]
<p>TOP</p><br><a href="">テキストあああ</a>
[pug]
div.test
|ああああああ
br
|ああああ
[html]
<div class="test">ああああああ<br>ああああ</div>
[pug]
- var list = ['link', 'image', 'text']
for item, index in list
p #{item + index}
[html]
<div class="test">ああああああ<br>ああああ</div>
<p>link0</p>
<p>image1</p>
<p>text2</p>
[pug]
ul
- var n = 1;
while n < 11
li #{n}
- n++
[html]
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
[pug]
ul
li: a(href="#") Top
li: a(href="#") About
li: a(href="#") Works
li: a(href="#") Contact
li: a(href="#"): span Links
[html]
<ul>
<li><a href="#">Top</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
[pug]
header.header
h2.aas pugテスト
[html]
<header class="header">
<h2 class="aas">pugテスト</h2>
</header>
[pug]
main.main
h3.aase ああああ
div.red copyright
[html]
<main class="main">
<h3 class="aase">ああああ</h3>
<div class="red">copyright</div>
</main>
[pug]
- var title ="テキスト"
h1 #{title}
[html]
<h1>テキスト</h1>
