1:行内元素转化为块级元素①display②position③float;
2:语义化;
3:微数据itemscope/itemprop/itemtype;
4:新表单元素，form外的表单元素可以用form属性关联;
碰到一个问题：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form id="myForm">
<filedset>
<legend>
solution
</legend>
<label>number</label>
<input type="range" min="1" max="10" step="1" value="6" onchange="document.getElementsByName("myOut").value=this.value"/>
<br/>
<label>value</label>
<output name="myOut">6</output>
</filedset>
</form>
</body>
</html>
问题在onchange事件上onchange="document.getElementsByName("myOut").value=this.value"是错的
onchange="myOut.value=this.value“是对的，这是为什么？？JS怎么直接用调用了这个name的元素？
5：用正则表达式控制表单的提交
6：媒体元素video audio控件自定义，预加载……各种属性
7：canvas静态作图