조작법 - Emmet

문서

# 문서 템플릿 생성

  - 'html:4t' -> HTML 4 Transitional 문서 생성.

  - 'html:4s' -> HTML 4 Strict 문서 생성.

  - 'html:xt' -> XHTML 1 Transitional 문서 생성.

  - 'html:xs' -> XHTML 1 Strict 문서 생성.

  - 'html:5' 또는 '!' -> HTML 5 문서 생성.

# doctype 요소 생성

  - '!!!4t' -> HTML 4 Transitional doctype 요소 생성.

  - '!!!4s' -> HTML 4 Strict doctype 요소 생성.

  - '!!!xt' -> XHTML 1 Transitional doctype 요소 생성.

  - '!!!xs' -> XHTML 1 Strict doctype 요소 생성.

  - '!!!' -> HTML 5 doctype 요소 생성.

요소

# 요소 생성 : 요소명( < 기호없이 ) 입력 후 'Tab'

# 형제요소 생성 : +요소명

# 자식요소 생성 : >요소명

# 요소 레벨별 그룹 : (요소1+요소2)

# 상위요소 레벨로 올라가기 : ^

# 복수요소 생성 :  요소명*요소개수

# 요소값 : {요소값}

# input 요소 : input:type명

속성

# id 속성 생성 : 요소명#속성값

# class 속성 생성 : 요소명.속성값

# 기타 속성 생성 : 요소명[속성명1="속성값1"_속성명2="속성값2"]

요소값/속성값 조작

# 값에 번호 매기기 : 값$

# 값에 번호 매기기(자리수 채우기) : 값$$$ -> 3자리수

더미텍스트

# 더미텍스트 자동 생성 : lorem4 ( 숫자는 문단수, 생략시 전체 문장 )

참고

# cheat sheet ( https://docs.emmet.io/cheat-sheet/ )