面试题目汇总html+css(一)

1.什么是html5

html5 是html, xhtml , html dom的新标准  是html第五次修订标准  主要目标是将互联网语义化

2.html5中新的表单元素类型

   input类型: email ; url ;  number  ;  range ;   Date pickers ;  search ;   color

    表单元素: a. datalist 元素规定输入域的选项列表     b.keygen  提供一种验证用户的可靠方法                          c.output 元素用于不同类型的输出,比如计算或脚本输出:  

    新的表单属性:a.新的form 属性 :autocomplete   novalidate

                        autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

                         autofocus 属性规定在页面加载时,域自动地获得焦点。      

        新的 input 属性: autocomplete ; autofocus ; form ; form overrides (formaction, formenctype,  formmethod, formnovalidate, formtarget);    height 和 width;   list;  min, max   和 step;   multiple   ;    pattern (regexp) ; placeholder ; required   

3.html5 页面结构与html4或者更之前的比 有什么区别

        一个典型的WEB页面包含头部,脚部,导航,中心区域,侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容,我们可能要使用DIV标签。

但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可读

    a. 取消了html4或者之前的一些 旧标签  如:纯粹显示效果的标签  font  center  等 已经被css取代

    b. 添加了一些新元素  如:更加合理的标签  section  header   footer  aside  canvas  audio  video

4.哪些浏览器支持html5

    最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

5. 为什么html5里面不需要DTD(Document Type Definition文档类型定义)?

    HTML5没有使用SGML或者XHTML,他是一个全新的东西,因此需要参考DTD,对于HTML5,   仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档

6.html5的离线存储?

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

    原理:

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

a .页面头部像下面一样加入一个manifest的属性 

b . 在cache.manifest文件的编写离线存储的资源。

7.浏览器是怎么对html5的离线存储资源进行加载和管理的

    在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,那么就会重新下载文件中的资源并进行离线存储。

    离线的情况下,浏览器就直接使用离线存储的资源。

8. 描述 cookie  localStorage  sessionStorage的区别

    共同点:浏览器端存储的缓存数据

不同点:

             1.cookie----将数据发送到服务器端 造成一定的宽带浪费

                web storage ---将数据保存到本地  不会造成宽带浪费

            2.cookie---数据不能超过4k  适用于会话标志

                web  storage---数据可以达到5M

            3. cookie----在设置的过期时间之前一直有效  即使关闭了浏览器或窗口

                session----在关闭浏览器之前有效

                localStorage------数据存储永久有效

            4. locaStorage,  cookie---在同源窗口中是共享的

                session------在不同的浏览器窗口共享

web storage  和cookie相比的优势:

    1.存储空间更大   2.存储内容不会发送到服务器端   3.更多丰富易用的接口 setItem  getItem等

      4.独立的存储空间

9.页面可见性(page Visibility)API有哪些用途?

       参考: http://www.zhangxinxu.com/wordpress/2012/11/page-visibility-api-introduction-extend/

10. html5 的form 如何关闭自动完成功能?

        设置 autocomplete="off"

11.一个div 要求实现内容较少的时候  最低高度是200px  内容较多时 高度自动撑开?

        给div 设置minheight:200px;

12.实现一个布局 三栏 左边固定200px 右边固定150px  中间自适应

        (实现方式:1.定位position  2.float  3.margin负值:参考网

                址: https://blog.csdn.net/cinderella_hou/article/details/52156333)


13. a标签的四个伪类? 排序是什么 为甚

a:link   visited  hover active   https://www.cnblogs.com/xiayi/p/5350423.html

你可能感兴趣的:(面试题目汇总html+css(一))