diff --git a/packages/moon/dist/moon.js b/packages/moon/dist/moon.js
index 36827683..71b24f84 100644
--- a/packages/moon/dist/moon.js
+++ b/packages/moon/dist/moon.js
@@ -118,6 +118,7 @@
 	 * Escape text to make it usable in a JavaScript string literal.
 	 *
 	 * @param {string} text
+	 * @returns {string} Escaped text
 	 */
 
 	function escapeText(text) {
@@ -125,10 +126,37 @@
 			return escapeTextMap[match];
 		});
 	}
+	/**
+	 * Normalize an attribute key to a DOM property.
+	 *
+	 * Moon attribute keys should follow camelCase by convention instead of using
+	 * standard HTML attribute keys. However, standard HTML attributes are
+	 * supported. They should typically be used for custom attributes, data-*
+	 * attributes, or aria-* attributes.
+	 *
+	 * @param {string} key
+	 * @returns {string} Normalized key
+	 */
+
+
+	function normalizeAttributeKey(key) {
+		switch (key) {
+			case "class":
+				return "className";
+
+			case "for":
+				return "htmlFor";
+
+			default:
+				// Other keys should ideally be camelCased.
+				return key;
+		}
+	}
 	/**
 	 * Scope an expression to use variables within the `data` object.
 	 *
 	 * @param {string} expression
+	 * @returns {Object} Scoped expression and static status
 	 */
 
 
@@ -297,7 +325,7 @@
 				while ((attributeExec = attributeRE.exec(attributesText)) !== null) {
 					// Store the match and captured groups.
 					var attributeMatch = attributeExec[0];
-					var attributeKey = attributeExec[1];
+					var attributeKey = normalizeAttributeKey(attributeExec[1]);
 					var attributeValue = attributeExec[2];
 					var attributeExpression = attributeExec[3];
 
@@ -981,7 +1009,11 @@
 							info[0](event, info[1]);
 						});
 					} else if (key !== "children" && value !== false) {
-						element.setAttribute(key, value);
+						if (key in element) {
+							element[key] = value;
+						} else {
+							element.setAttribute(key, value);
+						}
 					}
 				};
 
@@ -1209,6 +1241,8 @@
 								// otherwise.
 								if (value === false) {
 									nodeOldElement.removeAttribute(key);
+								} else if (key in nodeOldElement) {
+									nodeOldElement[key] = value;
 								} else {
 									nodeOldElement.setAttribute(key, value);
 								}
diff --git a/packages/moon/dist/moon.min.js b/packages/moon/dist/moon.min.js
index 0f34ddf2..8c60e8a3 100644
--- a/packages/moon/dist/moon.min.js
+++ b/packages/moon/dist/moon.min.js
@@ -4,4 +4,4 @@
  * Released under the MIT License
  * https://kbrsh.github.io/moon
  */
-!function(e,n){"undefined"==typeof module?e.Moon=n():module.exports=n()}(this,function(){"use strict";var b={element:0,text:1,component:2};var y,A=/^\s+$/,S=/<([\w\d-_]+)([^>]*?)(\/?)>/g,k=/([\w\d-_:@]*)(?:=(?:("[^"]*"|'[^']*')|{([^{}]*)}))?/g,n=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,C=/&amp;|&gt;|&lt;|&nbsp;|&quot;|\\|"|\n|\r/g,r=["NaN","false","in","null","this","true","typeof","undefined","window"],q={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n","\r":"\\r"};function P(e){var t=!0;return{value:e.replace(n,function(e,n){return void 0===n||-1!==r.indexOf(n)?e:(t=!1,"$"===n[0]?n:"data."+n)}),isStatic:t}}function t(e){e=e.trim();for(var n,t=[],r=0;r<e.length;){var a=e[r];if("<"===a){var o=e[r+1];if("/"===o){var i=e.indexOf(">",r+2),u=e.slice(r+2,i);0,t.push({type:"tagClose",value:u}),r=i+1;continue}if("!"===o&&"-"===e[r+2]&&"-"===e[r+3]){var l=e.indexOf("--\x3e",r+4);0,r=l+3;continue}S.lastIndex=r;var d=S.exec(e);0;for(var f=d[0],s=d[1],v=d[2],p=d[3],c={},h=void 0;null!==(h=k.exec(v));){var m=h[0],g=h[1],w=h[2],b=h[3];0===m.length?k.lastIndex+=1:(c[g]=void 0===b?{value:void 0===w?'""':w,isStatic:!0}:P(b),"@"===g[0]&&(c[g].value="["+c[g].value+",data]"))}t.push({type:"tagOpen",value:s,attributes:c,closed:"/"===p}),r+=f.length}else if("{"===a){var y="";for(r+=1;r<e.length;r++){var x=e[r];if("}"===x)break;y+=x}t.push({type:"tagOpen",value:"text",attributes:{"":P(y)},closed:!0}),r+=1}else{for(var N="";r<e.length;r++){var O=e[r];if("<"===O||"{"===O)break;N+=O}A.test(N)||t.push({type:"tagOpen",value:"text",attributes:{"":{value:'"'+(n=N,n.replace(C,function(e){return q[e]}))+'"',isStatic:!0}},closed:!0})}}return t}function f(e,n,t,r){this.message=e,this.start=n,this.end=t,this.next=r}function s(e,n,t){var r=t[e],a=t[n-1],o=n-e;if(0==o)return new f("",e,n);if(1==o)return"tagOpen"===r.type&&!0===r.closed?{name:r.value,attributes:r.attributes,children:[]}:new f("",e,n);if("tagOpen"!==r.type||"tagClose"!==a.type||r.value!==a.value)return new f("",e,n);var i=function e(n,t,r){var a;if(0==t-n)return[];for(var o=n+1;o<=t;o++){var i=s(n,o,r);if(i instanceof f)a=i;else{var u=e(o,t,r);if(!(u instanceof f)){for(var l=[i],d=0;d<u.length;d++)l.push(u[d]);return l}}}return new f("",n,t,a)}(e+1,n-1,t);return i instanceof f?new f("",e,n,i):{name:r.value,attributes:r.attributes,children:i}}function a(e){var n=s(0,e.length,e);return n}function x(e){y=e}function N(e,n,t){var r,a=O(n.children[0],n,0,t);return a.isStatic?(r=e+"=m["+t.length+"];",t.push(a)):r=""+a.prelude+e+"="+a.node+";",r}function O(e,n,t,r){var a,o=e.name,i=!0;if("if"===o)return function(e,n,t,r){var a="m"+y,o="",i=!0;if(x(y+1),o+="var "+a+";if("+e.attributes[""].value+"){"+N(a,e,r)+"}",null!==n)for(var u=n.children,l=t+1;l<u.length;){var d=u[l];if("else-if"===d.name)o+="else if("+d.attributes[""].value+"){"+N(a,d,r)+"}",u.splice(l,1);else{if("else"!==d.name)break;o+="else{"+N(a,d,r)+"}",i=!1,u.splice(l,1)}}return i&&(o+="else{"+a+"=m["+r.length+"];}",r.push({prelude:"",node:"{type:"+b.text+',name:"text",data:{"":"",children:[]}}',isStatic:!0})),{prelude:o,node:a,isStatic:!1}}(e,n,t,r);if("for"===o)return function(e,n){var t,r,a="m"+y,o=e.attributes,i=o[""].value.split(","),u=o.of,l=o.in;x(y+1);var d,f=O(e.children[0],e,0,n);return f.isStatic?(d=a+".push(m["+n.length+"]);",n.push(f)):d=f.prelude+a+".push("+f.node+");",r=void 0===u?(l=l.value,"for(var "+(t=i[0])+" in "+l+"){"+(2===i.length?"var "+i[1]+"="+l+"["+t+"];":"")+d+"}"):(u=u.value,"for(var "+(t=2===i.length?i[1]:"mi")+"=0;"+t+"<"+u+".length;"+t+"++){var "+i[0]+"="+u+"["+t+"];"+d+"}"),{prelude:"var "+a+"=[];"+r,node:"{type:"+b.element+',name:"span",data:{children:'+a+"}}",isStatic:!1}}(e,r);a="text"===o?b.text:o[0]===o[0].toLowerCase()?b.element:b.component;var u=e.attributes,l="",d="{",f="";for(var s in u){var v=u[s];"@"!==s[0]&&v.isStatic||(i=!1),d+=f+'"'+s+'":'+v.value,f=","}if(void 0===u.children){var p=e.children,c=[];d+=f+"children:[",f="";for(var h=0;h<p.length;h++){var m=O(p[h],e,h,r);m.isStatic||(i=!1),c.push(m)}for(var g=0;g<c.length;g++){var w=c[g];i||!w.isStatic?(l+=w.prelude,d+=f+w.node):(d+=f+"m["+r.length+"]",r.push(w)),f=","}d+="]"}return{prelude:l,node:"{type:"+a+',name:"'+o+'",data:'+d+"}}",isStatic:i}}function o(e){var n=[];x(0);var t=O(e,null,0,n),r=t.prelude,a=t.node;if(t.isStatic)return"if(m[0]===undefined){"+r+"m[0]="+a+";}return m[0];";if(0===n.length)return r+"return "+a+";";for(var o="if(m[0]===undefined){",i=0;i<n.length;i++){var u=n[i];o+=u.prelude+"m["+i+"]="+u.node+";"}return""+(o+="}")+r+"return "+a+";"}function d(e){return o(a(t(e)))}var v,p,c,$,i={},h={},m={};function g(e){p=e}var _=[],F={updateText:0,updateData:1,appendNode:2,removeNode:3,replaceNode:4};function z(u){var l,d=[];return u.type===b.text?l=document.createTextNode(u.data[""]):function(){function e(t){var e=n[t];64===t.charCodeAt(0)?(r[t]=e,l.addEventListener(t.slice(1),function(e){var n=r[t];n[0](e,n[1])})):"children"!==t&&!1!==e&&l.setAttribute(t,e)}var n=u.data,r=(l=document.createElement(u.name)).MoonEvents={};for(var t in n)e(t);for(var a=n.children,o=0;o<a.length;o++){var i=z(a[o]);l.appendChild(i.element),d.push(i)}}(),{element:l,node:u,children:d}}function w(e,n,t){for(;;){var r=e.pop(),a=r.node,o=n.pop();if(a!==o)if(a.name!==o.name)t.push({type:F.replaceNode,nodeOld:r,nodeNew:o,nodeParent:null});else if(a.type===b.text)a.data[""]!==o.data[""]&&t.push({type:F.updateText,nodeOld:r,nodeNew:o,nodeParent:null});else{t.push({type:F.updateData,nodeOld:r,nodeNew:o,nodeParent:null});var i=r.children,u=o.data.children,l=i.length,d=u.length;if(l===d)for(var f=0;f<l;f++)e.push(i[f]),n.push(u[f]);else if(d<l){for(var s=0;s<d;s++)e.push(i[s]),n.push(u[s]);for(var v=d;v<l;v++)t.push({type:F.removeNode,nodeOld:i[v],nodeNew:null,nodeParent:r})}else{for(var p=0;p<l;p++)e.push(i[p]),n.push(u[p]);for(var c=l;c<d;c++)t.push({type:F.appendNode,nodeOld:null,nodeNew:u[c],nodeParent:r})}}if(0===e.length){E(t);break}if(16<=performance.now()-$){requestAnimationFrame(function(){$=performance.now(),w(e,n,t)});break}}}function E(e){for(var n=0;n<e.length;n++){var t=e[n];switch(t.type){case F.updateText:var r=t.nodeOld,a=t.nodeNew;r.element.data=a.data[""],r.node=a;break;case F.updateData:var o=t.nodeOld,i=o.node.data,u=o.element,l=t.nodeNew,d=l.data;for(var f in d){var s=d[f];64===f.charCodeAt(0)?u.MoonEvents[f]=s:"children"!==f&&(!1===s?u.removeAttribute(f):u.setAttribute(f,s))}for(var v in i)v in d||u.removeAttribute(v);o.node=l;break;case F.appendNode:var p=t.nodeParent,c=z(t.nodeNew);p.element.appendChild(c.element),p.children.push(c);break;case F.removeNode:var h=t.nodeParent;h.element.removeChild(h.children.pop().element);break;case F.replaceNode:var m=t.nodeOld,g=m.element,w=z(t.nodeNew),b=w.element;g.parentNode.replaceChild(b,g),m.element=b,m.node=w.node,m.children=w.children}}_.shift(),0!==_.length&&(16<=performance.now()-$?requestAnimationFrame(function(){$=performance.now(),T()}):T())}function T(){var e=_[0];for(var n in e)i[n]=e[n];var t=c(i);g(t),function e(n,t,r){for(;;){var a=n.pop(),o=t.pop(),i=r.pop();a.type===b.component&&(a=h[a.name](a.data),null===o?g(a):o.data.children[i]=a);for(var u=a.data.children,l=0;l<u.length;l++)n.push(u[l]),t.push(a),r.push(l);if(0===n.length){w([v],[p],[]);break}if(16<=performance.now()-$){requestAnimationFrame(function(){$=performance.now(),e(n,t,r)});break}}}([t],[null],[0])}function Z(e){_.push(e),1===_.length&&requestAnimationFrame(function(){$=performance.now(),T()})}function e(n){var t=function(e,n){return void 0===e?n:e}(n.name,"Root");delete n.name;var r=n.view;delete n.view,"string"==typeof r&&(r=new Function("m","data",d(r))),m[t]=[];function e(e){return r(m[t],function(e,n){var t={};for(var r in e)t[r]=e[r];for(var a in n)a in e||(t[a]=n[a]);return t}(e,n))}if("Root"===t){var a="string"==typeof n.root?document.querySelector(n.root):n.root;delete n.root;for(var o=a.attributes,i={children:[]},u=0;u<o.length;u++){var l=o[u];i[l.name]=l.value}!function(e){v=e}({element:a,node:{type:b.element,name:a.tagName.toLowerCase(),data:i},children:[]}),function(e){c=e}(e),Z(n)}else h[t]=e}return e.lex=t,e.parse=a,e.generate=o,e.compile=d,e.components=h,e.get=i,e.set=Z,e});
\ No newline at end of file
+!function(e,n){"undefined"==typeof module?e.Moon=n():module.exports=n()}(this,function(){"use strict";var b={element:0,text:1,component:2};var y,A=/^\s+$/,S=/<([\w\d-_]+)([^>]*?)(\/?)>/g,k=/([\w\d-_:@]*)(?:=(?:("[^"]*"|'[^']*')|{([^{}]*)}))?/g,n=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,C=/&amp;|&gt;|&lt;|&nbsp;|&quot;|\\|"|\n|\r/g,r=["NaN","false","in","null","this","true","typeof","undefined","window"],q={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n","\r":"\\r"};function P(e){switch(e){case"class":return"className";case"for":return"htmlFor";default:return e}}function F(e){var t=!0;return{value:e.replace(n,function(e,n){return void 0===n||-1!==r.indexOf(n)?e:(t=!1,"$"===n[0]?n:"data."+n)}),isStatic:t}}function t(e){e=e.trim();for(var n,t=[],r=0;r<e.length;){var a=e[r];if("<"===a){var o=e[r+1];if("/"===o){var i=e.indexOf(">",r+2),u=e.slice(r+2,i);0,t.push({type:"tagClose",value:u}),r=i+1;continue}if("!"===o&&"-"===e[r+2]&&"-"===e[r+3]){var l=e.indexOf("--\x3e",r+4);0,r=l+3;continue}S.lastIndex=r;var d=S.exec(e);0;for(var s=d[0],f=d[1],c=d[2],v=d[3],p={},h=void 0;null!==(h=k.exec(c));){var m=h[0],g=P(h[1]),w=h[2],b=h[3];0===m.length?k.lastIndex+=1:(p[g]=void 0===b?{value:void 0===w?'""':w,isStatic:!0}:F(b),"@"===g[0]&&(p[g].value="["+p[g].value+",data]"))}t.push({type:"tagOpen",value:f,attributes:p,closed:"/"===v}),r+=s.length}else if("{"===a){var y="";for(r+=1;r<e.length;r++){var x=e[r];if("}"===x)break;y+=x}t.push({type:"tagOpen",value:"text",attributes:{"":F(y)},closed:!0}),r+=1}else{for(var N="";r<e.length;r++){var O=e[r];if("<"===O||"{"===O)break;N+=O}A.test(N)||t.push({type:"tagOpen",value:"text",attributes:{"":{value:'"'+(n=N,n.replace(C,function(e){return q[e]}))+'"',isStatic:!0}},closed:!0})}}return t}function s(e,n,t,r){this.message=e,this.start=n,this.end=t,this.next=r}function f(e,n,t){var r=t[e],a=t[n-1],o=n-e;if(0==o)return new s("",e,n);if(1==o)return"tagOpen"===r.type&&!0===r.closed?{name:r.value,attributes:r.attributes,children:[]}:new s("",e,n);if("tagOpen"!==r.type||"tagClose"!==a.type||r.value!==a.value)return new s("",e,n);var i=function e(n,t,r){var a;if(0==t-n)return[];for(var o=n+1;o<=t;o++){var i=f(n,o,r);if(i instanceof s)a=i;else{var u=e(o,t,r);if(!(u instanceof s)){for(var l=[i],d=0;d<u.length;d++)l.push(u[d]);return l}}}return new s("",n,t,a)}(e+1,n-1,t);return i instanceof s?new s("",e,n,i):{name:r.value,attributes:r.attributes,children:i}}function a(e){var n=f(0,e.length,e);return n}function x(e){y=e}function N(e,n,t){var r,a=O(n.children[0],n,0,t);return a.isStatic?(r=e+"=m["+t.length+"];",t.push(a)):r=""+a.prelude+e+"="+a.node+";",r}function O(e,n,t,r){var a,o=e.name,i=!0;if("if"===o)return function(e,n,t,r){var a="m"+y,o="",i=!0;if(x(y+1),o+="var "+a+";if("+e.attributes[""].value+"){"+N(a,e,r)+"}",null!==n)for(var u=n.children,l=t+1;l<u.length;){var d=u[l];if("else-if"===d.name)o+="else if("+d.attributes[""].value+"){"+N(a,d,r)+"}",u.splice(l,1);else{if("else"!==d.name)break;o+="else{"+N(a,d,r)+"}",i=!1,u.splice(l,1)}}return i&&(o+="else{"+a+"=m["+r.length+"];}",r.push({prelude:"",node:"{type:"+b.text+',name:"text",data:{"":"",children:[]}}',isStatic:!0})),{prelude:o,node:a,isStatic:!1}}(e,n,t,r);if("for"===o)return function(e,n){var t,r,a="m"+y,o=e.attributes,i=o[""].value.split(","),u=o.of,l=o.in;x(y+1);var d,s=O(e.children[0],e,0,n);return s.isStatic?(d=a+".push(m["+n.length+"]);",n.push(s)):d=s.prelude+a+".push("+s.node+");",r=void 0===u?(l=l.value,"for(var "+(t=i[0])+" in "+l+"){"+(2===i.length?"var "+i[1]+"="+l+"["+t+"];":"")+d+"}"):(u=u.value,"for(var "+(t=2===i.length?i[1]:"mi")+"=0;"+t+"<"+u+".length;"+t+"++){var "+i[0]+"="+u+"["+t+"];"+d+"}"),{prelude:"var "+a+"=[];"+r,node:"{type:"+b.element+',name:"span",data:{children:'+a+"}}",isStatic:!1}}(e,r);a="text"===o?b.text:o[0]===o[0].toLowerCase()?b.element:b.component;var u=e.attributes,l="",d="{",s="";for(var f in u){var c=u[f];"@"!==f[0]&&c.isStatic||(i=!1),d+=s+'"'+f+'":'+c.value,s=","}if(void 0===u.children){var v=e.children,p=[];d+=s+"children:[",s="";for(var h=0;h<v.length;h++){var m=O(v[h],e,h,r);m.isStatic||(i=!1),p.push(m)}for(var g=0;g<p.length;g++){var w=p[g];i||!w.isStatic?(l+=w.prelude,d+=s+w.node):(d+=s+"m["+r.length+"]",r.push(w)),s=","}d+="]"}return{prelude:l,node:"{type:"+a+',name:"'+o+'",data:'+d+"}}",isStatic:i}}function o(e){var n=[];x(0);var t=O(e,null,0,n),r=t.prelude,a=t.node;if(t.isStatic)return"if(m[0]===undefined){"+r+"m[0]="+a+";}return m[0];";if(0===n.length)return r+"return "+a+";";for(var o="if(m[0]===undefined){",i=0;i<n.length;i++){var u=n[i];o+=u.prelude+"m["+i+"]="+u.node+";"}return""+(o+="}")+r+"return "+a+";"}function d(e){return o(a(t(e)))}var c,v,p,$,i={},h={},m={};function g(e){v=e}var _=[],z={updateText:0,updateData:1,appendNode:2,removeNode:3,replaceNode:4};function E(u){var l,d=[];return u.type===b.text?l=document.createTextNode(u.data[""]):function(){function e(t){var e=n[t];64===t.charCodeAt(0)?(r[t]=e,l.addEventListener(t.slice(1),function(e){var n=r[t];n[0](e,n[1])})):"children"!==t&&!1!==e&&(t in l?l[t]=e:l.setAttribute(t,e))}var n=u.data,r=(l=document.createElement(u.name)).MoonEvents={};for(var t in n)e(t);for(var a=n.children,o=0;o<a.length;o++){var i=E(a[o]);l.appendChild(i.element),d.push(i)}}(),{element:l,node:u,children:d}}function w(e,n,t){for(;;){var r=e.pop(),a=r.node,o=n.pop();if(a!==o)if(a.name!==o.name)t.push({type:z.replaceNode,nodeOld:r,nodeNew:o,nodeParent:null});else if(a.type===b.text)a.data[""]!==o.data[""]&&t.push({type:z.updateText,nodeOld:r,nodeNew:o,nodeParent:null});else{t.push({type:z.updateData,nodeOld:r,nodeNew:o,nodeParent:null});var i=r.children,u=o.data.children,l=i.length,d=u.length;if(l===d)for(var s=0;s<l;s++)e.push(i[s]),n.push(u[s]);else if(d<l){for(var f=0;f<d;f++)e.push(i[f]),n.push(u[f]);for(var c=d;c<l;c++)t.push({type:z.removeNode,nodeOld:i[c],nodeNew:null,nodeParent:r})}else{for(var v=0;v<l;v++)e.push(i[v]),n.push(u[v]);for(var p=l;p<d;p++)t.push({type:z.appendNode,nodeOld:null,nodeNew:u[p],nodeParent:r})}}if(0===e.length){T(t);break}if(16<=performance.now()-$){requestAnimationFrame(function(){$=performance.now(),w(e,n,t)});break}}}function T(e){for(var n=0;n<e.length;n++){var t=e[n];switch(t.type){case z.updateText:var r=t.nodeOld,a=t.nodeNew;r.element.data=a.data[""],r.node=a;break;case z.updateData:var o=t.nodeOld,i=o.node.data,u=o.element,l=t.nodeNew,d=l.data;for(var s in d){var f=d[s];64===s.charCodeAt(0)?u.MoonEvents[s]=f:"children"!==s&&(!1===f?u.removeAttribute(s):s in u?u[s]=f:u.setAttribute(s,f))}for(var c in i)c in d||u.removeAttribute(c);o.node=l;break;case z.appendNode:var v=t.nodeParent,p=E(t.nodeNew);v.element.appendChild(p.element),v.children.push(p);break;case z.removeNode:var h=t.nodeParent;h.element.removeChild(h.children.pop().element);break;case z.replaceNode:var m=t.nodeOld,g=m.element,w=E(t.nodeNew),b=w.element;g.parentNode.replaceChild(b,g),m.element=b,m.node=w.node,m.children=w.children}}_.shift(),0!==_.length&&(16<=performance.now()-$?requestAnimationFrame(function(){$=performance.now(),Z()}):Z())}function Z(){var e=_[0];for(var n in e)i[n]=e[n];var t=p(i);g(t),function e(n,t,r){for(;;){var a=n.pop(),o=t.pop(),i=r.pop();a.type===b.component&&(a=h[a.name](a.data),null===o?g(a):o.data.children[i]=a);for(var u=a.data.children,l=0;l<u.length;l++)n.push(u[l]),t.push(a),r.push(l);if(0===n.length){w([c],[v],[]);break}if(16<=performance.now()-$){requestAnimationFrame(function(){$=performance.now(),e(n,t,r)});break}}}([t],[null],[0])}function D(e){_.push(e),1===_.length&&requestAnimationFrame(function(){$=performance.now(),Z()})}function e(n){var t=function(e,n){return void 0===e?n:e}(n.name,"Root");delete n.name;var r=n.view;delete n.view,"string"==typeof r&&(r=new Function("m","data",d(r))),m[t]=[];function e(e){return r(m[t],function(e,n){var t={};for(var r in e)t[r]=e[r];for(var a in n)a in e||(t[a]=n[a]);return t}(e,n))}if("Root"===t){var a="string"==typeof n.root?document.querySelector(n.root):n.root;delete n.root;for(var o=a.attributes,i={children:[]},u=0;u<o.length;u++){var l=o[u];i[l.name]=l.value}!function(e){c=e}({element:a,node:{type:b.element,name:a.tagName.toLowerCase(),data:i},children:[]}),function(e){p=e}(e),D(n)}else h[t]=e}return e.lex=t,e.parse=a,e.generate=o,e.compile=d,e.components=h,e.get=i,e.set=D,e});
\ No newline at end of file
diff --git a/packages/moon/src/compiler/lexer/lexer.js b/packages/moon/src/compiler/lexer/lexer.js
index b328c989..fe586e18 100644
--- a/packages/moon/src/compiler/lexer/lexer.js
+++ b/packages/moon/src/compiler/lexer/lexer.js
@@ -53,15 +53,40 @@ const escapeTextMap = {
  * Escape text to make it usable in a JavaScript string literal.
  *
  * @param {string} text
+ * @returns {string} Escaped text
  */
 function escapeText(text) {
 	return text.replace(textRE, (match) => escapeTextMap[match]);
 }
 
+/**
+ * Normalize an attribute key to a DOM property.
+ *
+ * Moon attribute keys should follow camelCase by convention instead of using
+ * standard HTML attribute keys. However, standard HTML attributes are
+ * supported. They should typically be used for custom attributes, data-*
+ * attributes, or aria-* attributes.
+ *
+ * @param {string} key
+ * @returns {string} Normalized key
+ */
+function normalizeAttributeKey(key) {
+	switch (key) {
+		case "class":
+			return "className";
+		case "for":
+			return "htmlFor";
+		default:
+			// Other keys should ideally be camelCased.
+			return key;
+	}
+}
+
 /**
  * Scope an expression to use variables within the `data` object.
  *
  * @param {string} expression
+ * @returns {Object} Scoped expression and static status
  */
 function scopeExpression(expression) {
 	let isStatic = true;
@@ -244,7 +269,7 @@ export function lex(input) {
 			) {
 				// Store the match and captured groups.
 				const attributeMatch = attributeExec[0];
-				const attributeKey = attributeExec[1];
+				const attributeKey = normalizeAttributeKey(attributeExec[1]);
 				const attributeValue = attributeExec[2];
 				const attributeExpression = attributeExec[3];
 
diff --git a/packages/moon/src/executor/executor.js b/packages/moon/src/executor/executor.js
index a376a960..22865e5a 100644
--- a/packages/moon/src/executor/executor.js
+++ b/packages/moon/src/executor/executor.js
@@ -56,7 +56,11 @@ function executeCreate(node) {
 					info[0](event, info[1]);
 				});
 			} else if (key !== "children" && value !== false) {
-				element.setAttribute(key, value);
+				if (key in element) {
+					element[key] = value;
+				} else {
+					element.setAttribute(key, value);
+				}
 			}
 		}
 
@@ -288,6 +292,8 @@ function executePatch(patches) {
 						// otherwise.
 						if (value === false) {
 							nodeOldElement.removeAttribute(key);
+						} else if (key in nodeOldElement) {
+							nodeOldElement[key] = value;
 						} else {
 							nodeOldElement.setAttribute(key, value);
 						}
diff --git a/packages/moon/test/compiler/lexer.test.js b/packages/moon/test/compiler/lexer.test.js
index 861596e5..4db65b6e 100644
--- a/packages/moon/test/compiler/lexer.test.js
+++ b/packages/moon/test/compiler/lexer.test.js
@@ -47,11 +47,11 @@ test("lex expression", () => {
 });
 
 test("lex attributes", () => {
-	expect(lex(`<div id="test-id" class='test-class' dynamic={true} local={$local} self>`)).toEqual([{"attributes": {"id": {"value": "\"test-id\"", "isStatic": true}, "class": {"value": "'test-class'", "isStatic": true}, "dynamic": {"value": "true", "isStatic": true}, "local": {"value": "$local", "isStatic": false}, "self": {"value": "\"\"", "isStatic": true}}, "closed": false, "type": "tagOpen", "value": "div"}]);
+	expect(lex(`<div id="test-id" class='test-class' for='input' dynamic={true} local={$local} self>`)).toEqual([{"attributes": {"id": {"value": "\"test-id\"", "isStatic": true}, "className": {"value": "'test-class'", "isStatic": true}, "htmlFor": {"value": "'input'", "isStatic": true}, "dynamic": {"value": "true", "isStatic": true}, "local": {"value": "$local", "isStatic": false}, "self": {"value": "\"\"", "isStatic": true}}, "closed": false, "type": "tagOpen", "value": "div"}]);
 });
 
 test("lex events", () => {
-	expect(lex(`<div id="test-id" class='test-class' dynamic={true} self @event={doSomething}>`)).toEqual([{"attributes": {"id": {"value": "\"test-id\"", "isStatic": true}, "class": {"value": "'test-class'", "isStatic": true}, dynamic: {"value": "true", "isStatic": true}, "@event": {"value": "[data.doSomething,data]", "isStatic": false}, self: {"value": "\"\"", "isStatic": true}}, "closed": false, "type": "tagOpen", "value": "div"}]);
+	expect(lex(`<div id="test-id" class='test-class' dynamic={true} self @event={doSomething}>`)).toEqual([{"attributes": {"id": {"value": "\"test-id\"", "isStatic": true}, "className": {"value": "'test-class'", "isStatic": true}, dynamic: {"value": "true", "isStatic": true}, "@event": {"value": "[data.doSomething,data]", "isStatic": false}, self: {"value": "\"\"", "isStatic": true}}, "closed": false, "type": "tagOpen", "value": "div"}]);
 });
 
 test("lex comments", () => {
@@ -64,7 +64,7 @@ test("opening tag token to string", () => {
 });
 
 test("opening tag token with attributes to string", () => {
-	const input = `<div id="test-id" class='test-class' expression={dynamic}>`;
+	const input = `<div id="test-id" className='test-class' expression={dynamic}>`;
 	expect(tokenString(lex(input)[0])).toBe(input.replace("dynamic", "data.dynamic"));
 });
 
@@ -74,7 +74,7 @@ test("self-closing tag token to string", () => {
 });
 
 test("self-closing tag token with attributes to string", () => {
-	const input = `<input id="test-id" class='test-class' expression={dynamic}/>`;
+	const input = `<input id="test-id" className='test-class' expression={dynamic}/>`;
 	expect(tokenString(lex(input)[0])).toBe(input.replace("dynamic", "data.dynamic"));
 });