Html - HTML Emmet(html 자동완성 단축 입력)

HTML Emmet

 

div + 탭 -> <div></div>

태그{내용} + 탭 -> <태그>내용</태그>

div>div + 탭->

 

<div>

  <div></div>

</div>

---

div>p+a + 탭 ->

 

<div>

  <p></p>

  <a href=""></a>

</div>

---

ul>li*4 + 탭 ->

 

<ul>

  <li></li>

  <li></li>

  <li></li>

  <li></li>

</ul>

---

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

 

div#asdf + 탭 -> <div id="asdf"></div>

---

알고있었것들이긴 하지만 이것을 활용하지는 않았다.

django-html과 html의 사용시 구동되는 것은 다르기 때문이다.

하지만 코드가 약간만 더 길어져도 분명히 주의해야하고 활용해야하는 단축 입력이라고 생각해서 포스팅 한다.