h1. Declarative Component Mapping Syntax Options

|_._'Valid'_|_.Mapping|_.Language|_.Prior Art|_.Example|_.Example with Args|
|-- |*Multiple* Class *Separate* Args|JavaScript|MooTools |@new Foo(element); new Bar(element)@|@new Foo(element, {a:"a", bB:"b B", c:{c:1}}); new Bar(element, {d:"d"})@|
|NO |Single Class|HTML attr|Dojo <1.6|@<div nsType=foo>@|@<div nsType=foo a=a bB="b B" c.c=1>@|
|YES |Single Class|HTML5 @data-*@|Dojo 1.6+|@<div data-ns="foo">@|@<div data-ns="foo" data-ns-a="a" data-ns-b-b="b B" data-ns-c.c="1">@|
|NO |*Multiple* Classes Combined Args|@class@ & attr|Apple iAd|@<div class="ad-foo ad-bar"></div>@|@<div class="ad-foo ad-bar" ad-title="MyBarButton"></div>@|
|YES |*Multiple* Classes Combined Args|HTML5 @data-*@|Hue Behavior |@<div data-filters="ns.foo, ns.bar">@|@<div data-filters="ns.foo, ns.bar" data-a="a" data-b-b="b B" data-c='{"c":1}' data-d="d">@|
|YES |*Multiple* Classes *Separate* Args|@data-*@ & CSS| |@<div data-ns.foo data-ns.bar>@|@<div data-ns.foo="a:a; b-b:b B; c{c:1}" data-ns.bar="d:d">@|