DEV Community

Cover image for EMMET: Saviour of Developers
Mihir Amin
Mihir Amin

Posted on

EMMET: Saviour of Developers

Emmet a plugin for everyone who couldn't remember the whole syntax.

HTML

The basic Boilerplate Generator !
Just type ! and hit enter.
Image description

Classes and Id

Classes:- div.className
ID:- div#idName
hit enter, and Emmet completes it for you !

<div class="className"></div>
Enter fullscreen mode Exit fullscreen mode

same goes for section
section.className and section#idName

Duplicating

ul>li*3

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

Grouping of Tags

div>(hdr>ul>li*2>a)

<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
Enter fullscreen mode Exit fullscreen mode

Part 2 incoming !!! Stay Tuned <3

Top comments (0)