Interview-Questions(web)--3

look_w

支持HTML5新标签：
        IE8/IE7/IE6支持通过document.createElement方法产生的标签，
        可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式
        当然也可以直接使用成熟的框架、比如html5shim

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

    如何区分HTML5： DOCTYPE声明\新增的结构元素\功能元素

简述一下你对HTML语义化的理解？

    用正确的标签做正确的事情。
    html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
    即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
    搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;
    使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解

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

    在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件

    原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示

    如何使用：
        页面头部像下面一样加入一个manifest的属性
        在cache.manifest文件的编写离线存储的资源
        在离线状态时，操作window.applicationCache进行需求实现

    CACHE MANIFEST
    #v0.11
    CACHE:
    js/app.js
    css/style.css
    NETWORK:
    resourse/logo.png
    FALLBACK:
    / /offline.html