前端面试每日3+1（周汇总2019.08.11）

《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
前端面试每日3+1题，以面试题来驱动学习，每天进步一点！
让努力成为一种习惯，让奋斗成为一种享受！
相信 坚持 的力量！！！

项目地址： 前端面试每日3+1

【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。GitHub 地址

---

• 学习不打烊，充电加油只为遇到更好的自己，365天无节假日，每天早上5点纯手工发布面试题（死磕自己，愉悦大家）。
• 希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。
• 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡每日学习！（不忘初心，html、css、javascript才是基石！）
• 欢迎大家到Issues交流，鼓励PR，感谢Star，大家有啥好的建议可以加我微信一起交流讨论！

希望大家每日去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）

html

• frame和iframe有什么区别？
• 页面布局中的结构与表现分离，那么什么是结构？什么是表现呢？
• 怎样去除html标签之间换行产生的空格？
• 举例说明HTML5的Canvas元素有什么用途？
• 在HTML5中如何组合标题？用哪个元素？
• 你知道checkbox有几种状态吗？它们分别用来表示什么？
• HTML如何创建分区响应图？
• 什么是svg？说说svg有什么运用场景？
• 有好多网站不常用table和iframe这两个元素，知道原因吗？
• 在默认的情况下，使用h1标签呈现出什么效果?
• 网站的TDK该怎么设置？它有什么作用？
• 除了音频和视频，HTML5还支持哪些媒体标签？
• 如何在HTML5页面中嵌入音频和视频？
• 说说HTML中的标签有什么作用？
• 请描述一下cookies、sessionStorage和localStorage 的区别？
• 行内元素、块级元素、空(void)元素分别有哪些？
• 说说你对accesskey的理解，举例说明它有什么运用场景？
• HTML5怎么为输入框添加语音输入的功能呢？
• HTML5的页面可见性（Page Visibility）有哪些应用场景？
• 列举出你最常用的meta标签的写法和作用
• Doctype有什么作用？你知道有多少种Doctype文档类型吗？
• 写出以下几个HTML标签：字体、居中、文字加粗、下标
• HTML5标准提供了哪些新的API？你有用过哪些？
• 使用HTML5需要遵守哪些设计原则？
• 有使用过svg吗？请用svg画一个圆
• 请说说你对ISISO8859-2字符集的认识
• 请描述下元素的href和src有什么区别？
• 举例说明你对ol和ul标签的区别？它们的运用场景分别是什么呢？
• a标签的href和onclick属性同时存在时哪个先触发？
• 怎么使用HTML5来获取定位？定位不准怎么解决？
• 举例说明如何原样输出HTML代码，不被浏览器解析？
• 举例说明你对HTML5的ruby标签的理解，都有哪些应用场景？
• iframe的使用场景有哪些？
• a标签下的href="javascript:void(0)"起到了什么作用？说说你对javascript:void(0)的理解？
• 在新窗口打开链接的方法是什么？那怎么设置全站链接都在新窗口打开？
• 用HTML5实现手机摇一摇功能你有做过吗？你知道它的原理吗？
• 你有用过HTML5的Device API吗？说说它都有哪些应用场景？
• 简述下HTML的快捷键属性是哪个？并举例说明有什么用？
• HTML5的应用程序缓存与浏览器缓存有什么不同？
• 你有用过HTML5中的datalist标签吗？说说你对它的理解
• 说说你对HTML5的img标签属性srcset和sizes的理解？都有哪些应用场景？
• HTML5如何识别语音读出的内容和朗读指定的内容？
• 移动web页面如何自动探测电话号码？
• 在a标签上的四个伪类执行顺序是什么？
• favicon.ico有什么作用？怎么在页面中引用？常用尺寸有哪些？可以修改后缀名吗？
• video和audio分别支持哪些格式？
• 怎么在IE8及以下实现HTML5的兼容？
• html的a标签属性rel='nofollow'有什么作用？
• 怎样禁止表单记住密码自动填充？
• 写个例子说明HTML5在移动端如何打开APP？
• 请写出唤醒拔打电话、发送邮件、发送短信的例子
• HTML5如果不写 ，页面还会正常工作么？
• html直接输入多个空格为什么只能显示一个空格？
• 写出html提供的几种空格实体（5种以上）
• 什么是html的字符实体？版权符号代码怎么写？
• 有使用过HTML5的拖放API吗？说说你对它的理解
• 有用过HTML5的webSQL和IndexedDB吗？说说你对它们的理解
• src、href、link的区别是什么？
• 有用过WebGL吗？说说你对它的理解
• HTML5相对于HTML4有哪些优势？
• 你了解HTML5的download属性吗？
• 渐进式渲染是什么？
• HTML5中新添加的表单属性有哪些？
• 你有了解HTML5的地理定位吗？怎么使用？
• web workers有用过吗？能帮我们解决哪些问题？
• From表单提交时为什么会刷新页面？怎么预防刷新？
• Form表单是怎么上传文件的？你了解它的原理吗？
• Ajax与Flash的优缺点分别是什么？
• 说说你对target="_blank"的理解？有啥安全性问题？如何防范？
• 说说你对WEB标准和W3C的理解与认识？
• HTML5如何使用音频和视频？
• 页面中怎么嵌入Flash？有哪些方法？写出来
• xml与html有什么区别？
• 说说video标签中预加载视频用到的属性是什么？
• 如何让元素固定在页面底部？有哪些比较好的实践？
• 解释下什么是ISISO8859-2字符集？
• webSocket怎么做兼容处理？
• html5都有哪些新的特性？移除了哪些元素？
• title与h1、b与strong、i与em的区别分别是什么？
• 说说你对cookie和session的理解
• html5哪些标签可以优化SEO?
• HTML与XHTML二者有不同?
• 用一个div模拟textarea的实现
• Standards模式和Quirks模式有什么区别？
• html和html5有什么区别呢？
• 说说你对HTML元素的显示优先级的理解
• DOM和BOM有什么区别？
• 网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些
• 你了解什么是无障碍web（WAI）吗？在开发过程中要怎么做呢？
• 说说你对标签的理解
• 说说你对影子(Shadow)DOM的了解
• 解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因
• 请说说