웹사이트 빠르게 만들기 Emmet

웹사이트 빠르게 만들기 Emmet

HTML 빠른속도로 타이핑 하기

 

- HTML 빨리 만들기

- 생산력 향상

- 손목 건강

 Emmet 

코드를 빠르게 작성할수 있도록 도와주는 플러그인

EMMET의 전반적인 문법

 

1. HTML의 양식

- ! 입력후 탭키를 누르면

!
div
div.class
div#id
.class
#id

 

2. 네스팅 오퍼레이션

 

부모와 자식 형제들의 노드를 쉽게 작성할 수 있게 도와 준다. 

 

div > li > ul

이런식으로 하면  자동으로 아래와 같이  변환 된다.

 

 

형제노드를 만들고 싶다면

이런식으로 하면  자동으로 아래와 같이  변환 된다.

 

 

반복

 

 

자식노드에서 부모노드에 추가로 작성시

 

 

그룹

이것을 만들기위해 아래와 같이 입력한다. 

 

 

태그안에 텍스트 넣기 

 

 

자동으로 숫자를 할당하려면 

아래와 같이 나온다.

 

 

웹사이트를 만들때 빠르게 더미용 텍스트를 넣고 싶을때 

Lorem 을 사용한다. 

 

p>lorem

단어수 조정

p>lorem5