1.页面可见性（Page Visibility API）可以有哪些用途？
通过visibilityState的值检验页面当前是否可见，以及打开网页的时间等；
在页面被切换到其他后台进程的时候，自动暂停音乐或视频的播放；
2.如何在页面上实现一个圆形的可点击区域？
- map+area或者svg
- border-radius
- 纯js实现，需要求一个点在不在圆上简单算法、获取鼠标坐标等等
3.实现不使用border画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果
<div style="height:1px;overflow:hidden;background:red"></div>
4.网站验证码的作用，是为了解决什么安全问题？
- 区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水等；
- 有效的防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。
5.title与h1的区别、b与strong的区别、i与em的区别？
- title属性没有明确意义只是表示一个标题，h1则表示层次明确的标题，对页面信息的抓取也有很大的影响。
- strong是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时，<strong>会重读，而<b>是展示强调内容。
- i内容展示为斜体，em表示强调文本；
Physical Style Element——自然标签
- b，i，u，s，pre
Semantic Style Element——语义样式标签
- strong，em，ins，del，code
应该准确使用语义样式标签，但不能滥用，如果不确定时首选自然样式标签。
附：
b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。
而在新的 HTML5工作草案中对于 b 和 i 标签是这样定义的：
The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is emboldened.
// b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如：文档概要中的关键字，评论中的产品名。或者代表强调的排版方式。
The i element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized. Usage varies widely by language.
// i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本，例如：一个分类名称，一个技术术语，一个外语中的谚语，一个想法等。或者代表斜体的排版方式。
从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。