HTML5总结

2017年8月16日上午8:18

图1w3cschool的html5的知识点

其中有一些我以前不知道的知识

Html5元素，包括了语义标签、结构标签、属性等
其中的表单属性的增加我觉得是最有用的
还涉及到了对Internet Explorer 8 以及更早的版本，不允许对未知元素添加样式。的问题解决HTML5 浏览器支持
Html几个比较少用，但是有意思的新特性
1. 地理定位：就是专门有一个内置对象来获取，操作简单
2. 拖放：本质就是依靠js实现DOM节点的转移，只不过H5本身就把js给你封装好了，还给你写好了触发事件
3. Web存储：分成两类
  1. window.localStorage - 存储没有截止日期的数据
  2. window.sessionStorage - 针对一个 session 来存储数据（当关闭浏览器标签页时数据会丢失）
  3. 就像一个键值对数据库，能够直接通过给定了内置对象直接操作，也很简单
4. 应用缓存：
  1. 就是脱机后，还能通过事先下好的缓存来访问
  2. 程序员放在html中就行
  3. 但是一旦文件被缓存，则浏览器会继续展示已缓存的版本，即使您修改了服务器上的文件。为了确保浏览器更新缓存，您需要更新 manifest 文件。
5. web workers：
  1. HTML中的有了多线程
  2. 一个线程是主页面，一个线程是js文件
  3. 主页面有类似android中的放置好的监听函数，js文件中通过特定的函数来给主页面传值，并且唤醒监听执行
6. SSE
  1. 依靠多线程实现
  2. 与上一个结构完全相同，把js文件换成php文件就行了
7. 总结：
  1. 我觉的这就像android一模一样了，HTML也有多线程、数据库、定位、触发….
    1. Android的功能的实现过程简单来说就是内置继承类、通过内置的对象来实现
    2. HTML5功能的实现也是通过内置对象，这种简单直观的方式操作
    3. ~~以后编HTML5程序也可以使用android的那套思维了~~
    4. 而且，html中的标签和android中的页面组件的id，是对应的
    5. 操作起来同样是先找到标签（id），生成对象，然后在js（java）这种逻辑层去控制程序的执行过程
    6. Android中关键的触发，html也同样有
  2. 这与先前HTML只能写写页面，能看，但不能操作的这种认识有很大的不同
8. Html5真的从一个文本操作，变成了编程操作

我的问题（会用，也要明白他的原理）

当我们浏览器访问一个服务器中的页面的之后，即使是动态页面，也是服务器的gcc把动态内容处理好了，然后输出静态文件给了浏览器
但是，上面几个功能的实现，如果仅仅是这样服务器—>浏览器单向的过程是不可能实现的！！！
我对服务器和浏览器这一交互过程的了解几乎为零！

其他

chrome safari -webkit-
Firefox -moz-
Opera -o-