html+css知识点复习（2）
1.有关html Doctype的描述:
它的责任就是告诉浏览器文档使用哪种html或者xhtml规范；
不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析；
不同浏览器在混杂模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。
2.以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议使用样式表，那么做会达到更加丰富的效果。
3.HTML5中常用的新特性：
canvas元素：用于定义图形（图表等），只是图形容器，必须使用脚本来绘制图形。
audio：用于音频播放。
video：用于视频播放。
article：规定独立的自包含内容。
header：定义文档的页眉，介绍相关信息。
section：定义文档中的节。
footer：定义文档的页脚，通常有文档的作者、版权信息、联系方式等。
nav：定义导航链接。
表单控件：
calender
date
time
email
url
search
表单元素：
datalist
output
keygen
4.自闭合标签
有<input/><img/><link/>以及下划线标签hr、<meta>等。
5.html5标准的链接默认都是带下划线的；bootstrap链接只有在hover状态下才带下划线。
6.w3cshool中jQuery事件手册中，有很清晰的说明：blur()方法是当元素失去焦点时，发生blur事件；而focus()方法是当元素获得焦点时发生focus事件；
7.bootstrap3:
在windows上支持IE8
在MAC OS及Windows上支持firefox
在IOS及android上都支持chrome
8.display:none 和 visibility:hidden的说法，正确的是？
display:none与visibility:hidden都可以用来隐藏某个元素
display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。
9.可以通过Cookie来实现:
记录访问者的信息
在页面之间传递信息
自动识别用户
10.bootstrap中表格类
11.在 HTML5 中，哪个方法用于获得用户的当前位置？
getCurrentPosition()
12.哪一个不是浏览器默认的天生inline-block标签（拥有内在尺寸，可设置高宽，不会自动换行）？
<label>
13.当窗口上下滚动时。能始终固定在视野顶端的是（div的直接父级元素是<body>）：
<div style=”position:fixed;top:0;”></div>
14.以下哪一个选项是html5的dtd？
<!DOCTYPE html>
15.什么是 Web Worker ？
运行在后台的JavaScript程序，不会影响页面的性能。
16.哪个操作是W3C标准定义的阻止事件向父容器传递：
e.stopPropagation()
17.<input type=”text” name=”user_name” antofocus=”autofocus”/>
页面加载后，浏览器将自动聚焦user_name字段
18.表单提交时会触发什么Dom事件？
submit
19.<input>元素的type属性的取值可以是：
20.当margin-top、padding-top的值是百分比时，分别是如何计算的？
相对最近父级块级元素的width，相对最近父级块级元素的width
21.MVC是一种常见的架构。模型变更之后，只有控制器（Controller）才能驱动视图变更或重新渲染视图。
22.sessionStorage 、localStorage 和 cookie 之间的区别
共同点：
都是保存在浏览器端，且同源的。
区别：
1:cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。
2:存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
3:数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
4:作用域不同，sessionStorage不在不同的浏览器窗口敏感词享，即使是同一个页面；localStorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。
5:Web Storage支持事件通知机制，可以将数据更新的通知发送给监听者。
6:Web Storage 的 api 接口使用更方便。
23.GET和POST的区别：
1.GET请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），POST把提交的数据则放置在是HTTP包的包体中。
2.GET方式提交的数据最多只能是1024字节，理论上POST没有限制，可传较大量的数据。
3.POST的安全性要比GET的安全性高。
24.head部分中的JavaScripts会在被调用的时候才执行。body部分中的JavaScripts会在页面加载的时候被执行。
25.哪个HTML5内建对象用于在画布上绘制？
getContext
26.jquery ajax中都支持哪些返回类型？
xml 、html、jsonp、json等
27.head 标签中必不少的是：
<title>
28.head标签中
<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
29.正确的是：
为<table>标签添加.table类可以给表格添加水平分割线
为表格添加table-bordered类可为表格中每个元素增加边框
为表格添加table-hover类可为表格中增加鼠标悬停样式
30.为了在input两侧添加额外元素，以下说法正确的是：
使用input-group来封装控件
使用input-group-addon来添加前置元素
必须为input添加form-control类
31.在css3中要使元素由一种样式转换成另一种样式，为元素添加效果的属性是？transition
animation要结合@keyframes规定的样式变化，才能实现。transition的话，可以直接设置样式的变化。
32.火狐与IE6的区别
（1）火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both。
（2）在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右。
33.不换行必须设置哪些项？
word-break、white-space
34.<input>元素的type属性的取值可以是：
35.比较Ajax与Flash的优缺点：
Ajax的优势在意在于开放性，易用性及易于开发
Flash的优势在于多媒体处理，可以更容易的调用浏览器以外的外部资源
Ajax最主要的批评就是它可能破坏浏览器的后退功能
flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间
36.关于web表单登录中用到的图形验证码的实现：
服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确。
37.把鼠标移到按钮并点击时，会产生一串什么样的事件？
hover focus active
38.关于btn标签的说法正确的是：
btn-group能将按钮组成按钮组
btn-toolbar能将btn做成复杂组件
btn-group可以嵌套使用
可以使用btn-group-lg，btn-group-sm来调整按钮大小
