第八周自学前端H5中问题总结，如ClientX/client pageX/pageY screen/screenY的使用和区别

1.div/section/article的区别

<div> - 内容组
<section> - 有联系的内容组
<article> - 独立完整的内容

2.ClientX/client pageX/pageY screen/screenY的使用和区别

pageX/pageY：低版本浏览器（IE67）不支持，以当前文档（body）的左上角为基准点。

screenX/screenY：以当前屏幕的左上角为基准点。

clientX/clientY：当前窗口的左上角为基准点，可视区域。

pageX	光标相对于该网页的水平位置（ie无）
pageY	光标相对于该网页的垂直位置（ie无）
screenX	光标相对于该屏幕的水平位置
screenY	光标相对于该屏幕的垂直位置
clientX	光标相对于该网页的水平位置 （当前可见区域）
clientY	光标相对于该网页的垂直位置

3. 移动端web app,移动端网页，Hybrid开发，需要在页面头部加上下面这句话。

<meta name="apple-mobile-web-app-capable" content="yes">

这个meta的作用是让普通移动网页被添加到主屏幕后，拥有一些类native的功能，很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏，实现全屏，禁止弹性拖拽，全屏，修改顶部颜色等。