Emmet이란?
강력한 자동완성 기능 등으로 HTML 작성 속도를 크게 향상시켜주는 플러그인
div>ul>li
<div>
<ul>
<li></li>
<ul>
<div>
div+p+bq
<div></div>
<p></p>
<blockquote></blockquote>
div+div>p>span+em^bq
<div></div>
<div>
<p>
<span></span>
<em></em>
</p>
<blockquote></blockquote>
</div>
div>(header>ul>li*2>a)+footer>p
<div>
<header>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
div#header+div.page+div#footer.class1.class2.class3
<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>
td[title="Hello world!" colspan=3]
<td title="Hello world!" colspan="3"></td
ul>li.item$*5
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
ul>li.item$$$*4
<ul>
<li class="item001"></li>
<li class="item002"></li>
<li class="item003"></li>
<li class="item004"></li>
</ul>
ul>li.item$@-*5
<ul>
<li class="item5"></li>
<li class="item4"></li>
<li class="item3"></li>
<li class="item2"></li>
<li class="item1"></li>
</ul>
a{Click me}
<a href="">Click me</a>
'회고록(TIL&WIL)' 카테고리의 다른 글
TIL 2023.02.02 JavaScript 2 (0) | 2023.02.02 |
---|---|
TIL 2023.02.01 CSS & JavaScript 1 (0) | 2023.02.01 |
TIL 2023.01.30 Git 명령어 정리 (0) | 2023.01.30 |
WIL 2023.01.25 ~ 2023.01.27 java JSP, vagrant (0) | 2023.01.30 |
TIL 2023.01.18 Java Web3 (pagination search) (0) | 2023.01.27 |