와.. emmet은 혁명이다.
이전에는 이런게 있는지도 몰랐는데
자세한 문법 사용방법은
https://docs.emmet.io/abbreviations/syntax/
Abbreviations Syntax
Abbreviations Syntax Emmet uses syntax similar to CSS selectors for describing elements’ positions inside generated tree and elements’ attributes. Elements You can use elements’ names like div or p to generate HTML tags. Emmet doesn’t have a predef
docs.emmet.io
여기에 있다.
공식 홈페이지로 알고있다.
emmet을 간단하게 예를들자면
내가 사용하고자하는
td태그가 5개다.
그러면 보통의 좋은 편집기를 쓰더라도
td 엔터 -> 오른쪽 맨끝으로 이동 -> 엔터
이걸 5번 반복해야지 td태그 5개가 나온다.
하지만 emmet 은
td*5
라고 입력하고 엔터를 입력하면 끝이다.
'Web > Html' 카테고리의 다른 글
| html - 태그속성 설명 (name, id, type, placeholder) (0) | 2022.11.14 |
|---|---|
| html - label 태그 (0) | 2022.11.13 |
| html - tr, th, td 태그 종류 (0) | 2022.11.13 |
| html - entity code (엔티티 코드) (0) | 2022.11.13 |
| html - 태그의 종류 (hr, br, sup, sub) (0) | 2022.11.13 |