I use Emmet, and I saw Yuri Artyukhon FrontendDevConf says" rel="nofollow"target="_ blank">How to typeset websites faster than they are drawn.How to make the same snippet?

I want to write this:
div.bla[Tab]

And get this:
<! - begin bla ->
<div class="bla">
  
</div>
<! - end bla ->

1 Answers 1

<snippet>
	<content><![CDATA[
<! - begin $1 ->
<div class="$1">
	$2
</div>
<! - end $1 ->
]]></content>
	<! - Optional: Set up a snippet ->
	<tabTrigger>di</tabTrigger>
	<! - Optional: Set the limit where the snippet will trigger ->
	<scope>text.html</scope>
</snippet>