美文网首页
h5新特性离线存储

h5新特性离线存储

作者: 幸宇 | 来源:发表于2018-02-06 13:25 被阅读123次

    html5有哪些新特性,移除了哪些元素?如何处理html5新标签浏览器兼容问题?如何区分html和html5?

    html5现在已经不是基于sgml的子集,主要是关于图像,位置,存储,多任务等功能的增加。绘画canvas;用于媒介回放的video和audio元素,本地离线存储 localstorage长期存储数据,浏览器关闭数据后不丢失,seesionstorage的数据在浏览器关闭后自动删除 ,语义化更好的内容元素,比如 atricle footer header nav section
    表单控件 calendar date time email url search 新的技术 webworker websocket gelocation

    移除的元素有 basefont big center font s strike tt u 对可用性产生负面影响的元素 frame frameset noframes

    支持html5新标签
    ie8-ie7-ie6的支持通过document.createElement方法产生标签
    浏览器支持新标签后,还需要添加标签默认的样式

    也可以直接用成熟的框架,比如html5shim;

    <!--[if lt IE 9]>
            <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
     <![endif]-->
    

    如何曲风html5:DOCTYPE声明、新增的结构元素,功能元素

    HTML5的离线储存怎么使用,工作原理能不能解释一下?

    在用户没有访问互联网链接时,可以正常访问站点或者应用,在用户与互联网链接时更新用户机器上的缓存文件

    如何使用:
    1.页面头部加入manifest属性
    2.在cache.manifest的文件编写离线存储资源
    CACHE MANIFEST
    #v0.11
    CACHE:
    js/app.js
    css/style.css
    NETWORK:
    resourse/logo.png
    FALLBACK
    / /offline.html
    3.离线状态时,操作window.applicationCache进行需求实现

    相关文章

      网友评论

          本文标题:h5新特性离线存储

          本文链接:https://www.haomeiwen.com/subject/aecgzxtx.html