15. 15
p
| text text text …
<p>
text text text …
</p>
Pug
HTML
• タグの<>を省略できる
16. 16
p
| text text text …
<p>
text text text …
</p>
Pug
HTML
• タグの<>を省略できる
• 閉じタグが不要
17. 17
p.info#info
| text text text …
<p class="info" id="info">
text text text …
</p>
Pug
HTML
• タグの<>を省略できる
• 閉じタグが不要
• クラスやIDを簡単に振れる
18. 18
• タグの<>を省略できる
• 閉じタグが不要
• クラスやIDを簡単に振れる
• インデントがタグの階層
section
ul
li
| My list
<section>
<ul>
<li>My list</li>
</ul>
</head>
Pug
HTML
19. 19
- var title = "My Page"
head
title
| #{title}
<head>
<title>My Page</title>
</head>
Pug
HTML
• タグの<>を省略できる
• 閉じタグが不要
• クラスやIDを簡単に振れる
• インデントがタグの階層
• 変数を使える