HTML5

EMMET 문법

Jack Moon 2017. 4. 13. 13:14

에밋(Emmet)은 HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인이다. 원래 젠코딩(Zen Coding)으로 부르다가 에밋(Emmet)으로 이름을 변경했다.[1] 매우 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 준다.



!

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

</body>

</html>


div

<div></div>


img

<img src="" alt="">


div>ul>li

<div>

<ul>

<li></li>

</ul>

</div>


nav>ul>(li>a)*5

<nav>

<ul>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

</ul>

</nav>


.

<div class=""></div>


#

<div id=""></div>


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>


p+a

<p></p>

<a href=""></a>


'HTML5' 카테고리의 다른 글

아파치 (Apache) 에서 manifest 설정  (0) 2012.11.12