Emmet 사이트 소개

2022. 9. 1. 11:26·프로그래밍/Front-end

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
'프로그래밍/Front-end' 카테고리의 다른 글
  • ESLint, editorconfig, prettier, babel 등 차이
블루풀
블루풀
  • 블루풀
    [ IT] Be Dreamer
    블루풀
  • 전체
    오늘
    어제
    • 분류 전체보기 (35)
      • 프로그래밍 (33)
        • ChatGPT Q&A (0)
        • 안드로이드 스튜디오 (1)
        • 알고리즘(자바) (23)
        • GitHub (0)
        • Front-end (2)
        • Back-end (6)
        • 개발자 Basic English (1)
      • 취업정보 (0)
      • 일상 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ListView
    emmet
    여행
    admin
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
블루풀
Emmet 사이트 소개
상단으로

티스토리툴바