1、CSS选择符

2、元素与CSS选择符匹配：

　　元素的类名列表应当 包含  所有CSS选择符中出现的类名；

　　类名的先后顺序不重要。

3、焦点管理：

　　页面刚加载完：

　　　　document.activeElement 为body(默认的)；

　　　　但document.hasFocus() 结果为false？

　　无法将div元素设置为文档焦点？

　　document.getElementById("btn1").focus()：

　　　　document.activeElement 为button；

　　　　但document.hasFocus() 结果为false？

4、理解charset

5、渲染页面的模式分标准和混杂？

6、HTML5中可为元素添加自定义属性：

　　可通过元素的dataset属性来访问自定义属性的值；

　　dataset属性值是DOMStringMap的一个实例；

　　注意DOMStringMap不是一个数组，document.querySelector("#div5").dataset[0] 将无法访问到自定义属性值。

7、转义符的作用在于去掉符号的特殊意义/作用，使其呈现符号本身。

8、为innerHTML设置的包含HTML的字符串值与解析后innerHTML的值大不相同？：

　　div10.childNodes[3].innerHTML = "Hello & man! <b>\"reader\"</b>" ：

　　　　控制台返回结果为 "Hello & man! <b>"reader"</b>" ，而页面是正常解析<b>标签。

　　document.querySelector("#div10").querySelector("ul").innerText = "Hello & welcome,<b>\"reader\"!</b>"

　　　　控制台返回结果为 "Hello & welcome,<b>"reader"!</b>" ，而页面并没有解析<b>标签。

　　P295？DOM树的序列化

9、HTML元素：

　　script元素的defer 属性规定是否对脚本执行进行延迟，直到页面加载为止：

　　　　如果脚本不会改变文档的内容，可将 defer 属性加入到 <script> 标签中，以便加快处理文档的速度；

　　　　只有 Internet Explorer 支持 defer 属性。

10、js设置样式：

　　div10.setAttribute("style","background-color:green");；

　　动态脚本

11、scrollIntoView()：

　　如果传入true参数或不传参数，则窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐：

　　　　尽可能的意思就是，滚动条拉到最下方。

　　为某个元素设置焦点也会导致浏览器滚动并显示出获得焦点的元素？

　　document.body.scrollByLines is not a function？

　　document.body.scrollByPages is not a function？

12、<meta>：

　　文档模式和文档类型声明