屬性

a(href="https://goo.gl/AQjiva")

<a href="https://goo.gl/AQjiva"></a>

元素内文

a this-is-link

<a>this-is-link</a>

有些跟EMMET差不多

div+class

.namecard

<div class="namecard"></div>

div+多class

.circle1.circle2

<div class="circle1 circle2"></div>

比較需要注意的是

包覆：縮排

.namecard
  .circle.circle1
  .circle.circle2
  h2
   span

<div class="namecard">
　<div class="circle circle1"></div>
　<div class="circle circle2"></div>
　<h2><span></span></h2>
</div>

文字太多，程式碼換行

找到換行處，按Enter換行，再按Tab確保換行後的東西包覆在父元素下，然後加上【|】

p this is a paragraph with a lot of
 |text and we would like to cut them so that we cat
 | view it more clearly.

<p>
 this is a paragraph with a lot of text and we would like to cut them so that we cat view it more clearly.
</p>