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