[HTML] Emmet 에밋

• 태그 자동완성 : Tab

<!--div (Tab)-->
<div></div>

 

• 텍스트: {}

<!--div{hello}-->
<div>hello</div>

 

• 자식 요소: >

<!--div>div-->
<div>
     <div></div>
</div>

 

• 형제 요소: +

<!-- div>span+a-->
<div><span></span><a href=""></a></div>

 

• 반복: *

<!--ul>li*8-->
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

 

• 그룹화: ()

<!--ul>(li>a)*4-->
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

 

• 클래스: .

<!--div.class-name-->
<div class="class-name"></div>

 

• 아이디: #

<!--div#id-->
<div id="id"></div>

 

• 속성: [attr]

<!-- img[alt="이미지 설명"]-->
<img src="" alt="이미지 설명">

 

• 넘버링: $

   <!--div.item$*10-->
    <div class="item1"></div>
    <div class="item2"></div>
    <div class="item3"></div>
    <div class="item4"></div>
    <div class="item5"></div>
    <div class="item6"></div>
    <div class="item7"></div>
    <div class="item8"></div>
    <div class="item9"></div>
    <div class="item10"></div>