Emmet: from the cheat sheet

Look for the tag Emmet elsewhere in the blog. Emmet cheatsheet

Let’s say we want to get this:

emmet01

html>head+body>tabs>tab*3

This does it ([>] says next element is a child of the preceding one, [+] says next element is a sibling of the preceding one, [*] says repeat the element for the designated number of times):

Is there any magic/reserved-wordness around any of these tags? Let’s add a [x] on the end of [html]:

emmet02

No magic here then. But there clearly is some magic/lookups here, as it can’t have somehow inferred that bq means [blockquote]:

emmet03

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s