본문 바로가기

프로그래밍/Front-end

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

 

html tag를 Emmet으로 빠르게 생산할 수 있는 syntax를 제공한다.

 

예를 들자면

// a[href=www.example.com]{Click me!}
<a href="www.example.com">Click me!</a>

// ul>li.item$*5{item$}
<ul>
    <li class="item1">item1</li>
    <li class="item2">item2</li>
    <li class="item3">item3</li>
    <li class="item4">item4</li>
    <li class="item5">item5</li>
</ul>

class 타입이라던지 href라던지 몰랐던 사용법도 있었다. 참고하자.

'프로그래밍 > Front-end' 카테고리의 다른 글

ESLint, editorconfig, prettier, babel 등 차이  (0) 2022.08.19