드림 코딩 : HTML 빠르게 마크업하기

Emmet -자동완성

 

! + tab : HTML 양식 작성

 

div + tab : div 태그 작성

div.클래스 이름 = .클래스 이름 + tab

div#아이디 이름 = #아이디이름+ tab

 

div > ul > li +tab : 자손 태그

div > ul + li +tab :형제 태그

ul > li*5 +tab : 5번 반복

 

div > ul > li ^ ol :li의 부모인 ul의 형제 노드에 태그

 

div >(header>ul>li*2) +footer>p +tab : 빠르게 그룹화

 

p{hello} +tab = <p>hello</p> : 빠르게 텍스트 작성

 

p.class${item $}*5 : 자동 번호 넣기

 

p>lorem : 더미용 텍스트 생성

P>lorem4 : 4개의 단어만 사용