我要当FE Developer--面试题章--HTML篇2
上回说到，HTML5相比较于他的前辈，在存储方面做出了很大的改变，而且新出了一个叫做Canvas的特性，使人们发现以前让人们感觉呆板沉闷的标记性语言现在具有开发应用，开发游戏的潜力（也不叫潜力了，已经开始了，当然与他的好兄弟CSS3 Javascript 的互相帮助是分不开的）。
这类留一个外链：有趣的离线存储
前面留了一个扣：
- 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
相同点： 首先他们都是同源的，也都是保存在浏览器上面的
啥区别 ？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；
喝一口水，这些东西怎么比高中背的历史意义还要长。。。。。
- iframe有那些缺点？(实在话，现iframe的用途也不太广了)
代码混乱，只是有些搜索引擎无法识别，识别也可能不正确处理。
导致页面混乱
连接导航有问题。
- Label的作用是什么？是怎么用的？（加 for 或 包裹）
Label标签是来定义表单控制之间的关系，当用户选择标签时，浏览器会自动将焦点转到标签相关的表单控件之上。
FOR 属性，表示Lable要绑定的HTML元素，当点击这个标签的时候，所绑定的元素将获得焦点。
ACCESSKEY属性：
功能： 表示当Label标签所绑定元素的热键，当按下热键的时候，所绑定的元素将获取焦点。
- HTML5的form如何关闭自动完成功能？
给不想提示的form 或者下面某个input这只autocomplete=off
这里在介绍两个 出自名门的问题
- 如何实现浏览器内多个标签页之间的通信? (阿里)
调用localStorage,cookies等本地存储方式
- webSocket如何兼容低浏览器？(阿里)
Adobe Flash Socket, ActiveX HTMLFile(IE), 基于 multipart编码发送XHR，基于长轮询的XHR。
- 页面可见性（Page Visibility）API 可以有哪些用途？
当正在播放视频的页面突然被切换的时候，视屏会因为自己的visibility：hidden了暂停。
登陆页面同步，两个标签，属于同一个网站，其中一个页面登入成功之后，点击另外的网页也是登陆成功的。
精确计算登入时间。
在线聊天离开状态。
- 如何在页面上实现一个圆形的可点击区域？
-map+area 或者svg
-border-radius
-纯js实现，获取鼠标的坐标，设置一个算法，当鼠标在某一个范围点击的时候，就会触发打开链接。
- 实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
直接用 div来实现
'''<div style="height:1px;overflow:hidden;background:black"></div>'''
- 网页验证码是干嘛的，是为了解决什么安全问题？
防止 恶意注册和暴力破解，所谓的恶意注册和暴力破解都是用软件进行的，人工注册速度慢，对服务器没有影响。但是如果软件注册的时候没有验证码的话，那么一次性运行成千上万个进程的话，就会一口气注册成千上万个用户，这样就会让服务器臃肿不堪，运行效率非常低下，这样也算是对服务器的攻击，所以需要验证码来缓冲这种情况，避免软件注册。
- title与h1的区别、b与strong的区别、i与em的区别？
title 是一个网页的最高权重点，对搜索引擎来说，title标签是用来描述这个页面的主题的。它的类容不会出现在网页正文里面。
h1标签一般出现在文章的正文中，是展示访问者的文章的标题。 两者是一种合作的关系，既要有title又要有h1，既突出文章的主题，又要突出标题和关键字。这样对网页优化比较好。
b与strong都是加粗，对于用户来说没有区别，但是对于搜索引擎来说,b标签跟普通文本没有任何区别，strong会通知搜索引擎这里是强调文本。 同样 i是给用户看的文本，而em是给搜索引擎看的。
好了，关于html就职于这么多，后面将会讲到他的好兄弟CSS，那么预知后事如何，且听下回分解。、
