IDs

Element IDs can be added to elements by using # before the element id. Like CSS classes, you can provide an element name (div is the default tag name).

Emblem

#page-content Content
span#name Bob Lablah

Handlebars

<divid="page-content">Content</div><spanid="name">Bob Lablah</span>

HTML Attributes

HTML attributes can be added right after the element, using key="value" pairs.

HTML attributes can also have mustaches embedded in them, though make sure to use the unbound helper in an Ember setting. Note the exclamation mark shorthand for setting an HTML attribute to an unbound property in an Ember setting.

Condensed Nesting with Colon Separator (NEW)

You can condense nested HTML or block mustache content into a single line by using : to terminate the present element or block mustache declaration.

Whatever comes after a statement-terminating : will be interpreted as if it were moved to the line below and indented. This allows you to quickly alternate between nesting HTML elements and mustache blocks on a single line when it makes sense.

This should come in handy for scaffolding frameworks like Twitter Bootstrap (the first part of the example on the right is Bootstrap scaffolding code).