Advanced HTML Editing With Emmet II
Dec 10, 2014
In the previous post on Sublime Text 3, we saw some advanced use cases for Emmet plug-in. In this post we will continue looking into some more advanced features of Emmet HTML authoring.
Once you get used to using Emmet and start writing complex HTML abbreviation, soon you will get confused on what element is is closing where pretty much the same thing you experience when writing actual HTML. Well Emmet has a solution for that too. You can create groups of abbreviations to better understand and organize them.
Creating Groups
click TAB
Writing Text Into HTML Element
If you want Emmet to write content into your HTML elements, curly brackets is the way to do it.
click TAB
Writing Attribute Values
click TAB
Writing multiple Elements of the same type
click TAB
Writing Multiple Group using above multiplication technique
click TAB
That's it guys. Enjoy Emmet.