1. 简述一下你对HTML语义化的理解。

(1)HTML语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;

(2)即使在没有样式CSS的情况下也能以一种文档格式显示，并且是容易阅读的;

(3)搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，有利于SEO;

(4)使阅读源代码的人更容易将网站分块，便于阅读、维护和理解。

2. 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

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

3.iframe 有哪些缺点?

(1)iframe会阻塞主页面的Onload事件;

(2)搜索引擎的检索程序无法解读这种页面，不利于SEO;

(3)iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。

(4)使用iframe之前需要考虑这两个缺点。如果需要使用iframe，好通过JavaScript动态给iframe添加src属性值，这样可以绕开以上两个问题。

4. 如何在页面上实现一个圆形的可点击区域?

(1) map + area 或者 svg

(2) border-radius

(3) 纯js实现，需要求一个点在不在圆上的简单算法、获取鼠标坐标等等

5. 网页验证码是干什么用的?是为了解决什么安全问题?

可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试，实际上用验证码是现在很多网站通行的方式，我们利用比较简易的方式实现了这个功能。这个问题可以由计算机生成并评判，但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题，所以回答出问题的用户就可以被认为是人类。