emmet

emmet : html 작성시 알면 추후 편리하게 코드 작성에 유리

 

1) 자식 노드   > 
사용법 : div> ul> li

2) 형제 노드  + 
사용법 : div> ul + li

3) 반복하기 *
사용법 ) div > ul*3 

4) 아이디 # 
사용법 ) #item
결과 )  <div id =   " " ></div> div가 default 

5) 클래스  .
사용법) span .title
 결과 ) <span class =   " " ></span> div가 default 

6) 콘텐츠 { } 
사용법) p.container{Hello World}
결과) <p class = "container"> Hello world</p>

 

7) 자동 넘버링 $
결과 )p.container {item$}*5