# 周汇总 2019.08.18
> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。
> 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！
> 让努力成为一种习惯，让奋斗成为一种享受！
> 相信 **坚持** 的力量！！！
---
- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，**每天早上5点**纯手工发布面试题（**死磕自己，愉悦大家**）。
- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。
- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）
- 欢迎大家到**Issues**交流，鼓励**PR**，感谢**Star**，大家有啥好的建议可以加我微信一起交流讨论！
> 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）
【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)
## html
- [HTML5规范将元素分为哪几个大类？分别说说它们的特点](https://github.com/haizlin/fe-interview/issues/1078)
- [使用canvas画出一个矩形](https://github.com/haizlin/fe-interview/issues/1073)
- [说说form-data、x-www-form-urlencoded、raw、binary的区别是什么？](https://github.com/haizlin/fe-interview/issues/1069)
- [请描述下application cache的更新过程？](https://github.com/haizlin/fe-interview/issues/1065)
- [你知道富文本编辑器的实现原理吗？](https://github.com/haizlin/fe-interview/issues/1061)
- [说说你对富文本的理解，你有用过哪些富文本编辑器呢？](https://github.com/haizlin/fe-interview/issues/1057)
- [有使用过HTML5的跟踪元素吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1053)
- [frame和iframe有什么区别？](https://github.com/haizlin/fe-interview/issues/1049)
- [页面布局中的结构与表现分离，那么什么是结构？什么是表现呢？](https://github.com/haizlin/fe-interview/issues/1045)
- [怎样去除html标签之间换行产生的空格？](https://github.com/haizlin/fe-interview/issues/1041)
- [举例说明HTML5的Canvas元素有什么用途？](https://github.com/haizlin/fe-interview/issues/1037)
- [在HTML5中如何组合标题？用哪个元素？](https://github.com/haizlin/fe-interview/issues/1033)
- [你知道checkbox有几种状态吗？它们分别用来表示什么？](https://github.com/haizlin/fe-interview/issues/1029)
- [HTML如何创建分区响应图？](https://github.com/haizlin/fe-interview/issues/1025)
- [什么是svg？说说svg有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1021)
- [有好多网站不常用table和iframe这两个元素，知道原因吗？](https://github.com/haizlin/fe-interview/issues/1017)
- [在默认的情况下，使用h1标签呈现出什么效果?](https://github.com/haizlin/fe-interview/issues/1013)
- [网站的TDK该怎么设置？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1009)
- [除了音频和视频，HTML5还支持哪些媒体标签？](https://github.com/haizlin/fe-interview/issues/1005)
- [如何在HTML5页面中嵌入音频和视频？](https://github.com/haizlin/fe-interview/issues/1001)
- [说说HTML中的``标签有什么作用？](https://github.com/haizlin/fe-interview/issues/996)
- [请描述一下cookies、sessionStorage和localStorage 的区别？](https://github.com/haizlin/fe-interview/issues/992)
- [行内元素、块级元素、空(void)元素分别有哪些？](https://github.com/haizlin/fe-interview/issues/988)
- [说说你对accesskey的理解，举例说明它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/984)
- [HTML5怎么为输入框添加语音输入的功能呢？](https://github.com/haizlin/fe-interview/issues/979)
- [HTML5的页面可见性（Page Visibility）有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/975)
- [列举出你最常用的meta标签的写法和作用](https://github.com/haizlin/fe-interview/issues/971)
- [Doctype有什么作用？你知道有多少种Doctype文档类型吗？](https://github.com/haizlin/fe-interview/issues/967)
- [写出以下几个HTML标签：字体、居中、文字加粗、下标](https://github.com/haizlin/fe-interview/issues/962)
- [HTML5标准提供了哪些新的API？你有用过哪些？](https://github.com/haizlin/fe-interview/issues/958)
- [使用HTML5需要遵守哪些设计原则？](https://github.com/haizlin/fe-interview/issues/954)
- [有使用过svg吗？请用svg画一个圆](https://github.com/haizlin/fe-interview/issues/906)
- [请说说你对ISISO8859-2字符集的认识](https://github.com/haizlin/fe-interview/issues/902)
- [请描述下元素的href和src有什么区别？](https://github.com/haizlin/fe-interview/issues/757)
- [举例说明你对ol和ul标签的区别？它们的运用场景分别是什么呢？](https://github.com/haizlin/fe-interview/issues/747)
- [a标签的href和onclick属性同时存在时哪个先触发？](https://github.com/haizlin/fe-interview/issues/743)
- [怎么使用HTML5来获取定位？定位不准怎么解决？](https://github.com/haizlin/fe-interview/issues/607)
- [举例说明如何原样输出HTML代码，不被浏览器解析？](https://github.com/haizlin/fe-interview/issues/600)
- [举例说明你对HTML5的ruby标签的理解，都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/596)
- [iframe的使用场景有哪些？](https://github.com/haizlin/fe-interview/issues/592)
- [a标签下的href="javascript:void(0)"起到了什么作用？说说你对javascript:void(0)的理解？](https://github.com/haizlin/fe-interview/issues/588)
- [在新窗口打开链接的方法是什么？那怎么设置全站链接都在新窗口打开？](https://github.com/haizlin/fe-interview/issues/584)
- [用HTML5实现手机摇一摇功能你有做过吗？你知道它的原理吗？](https://github.com/haizlin/fe-interview/issues/580)
- [你有用过HTML5的Device API吗？说说它都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/576)
- [简述下HTML的快捷键属性是哪个？并举例说明有什么用？](https://github.com/haizlin/fe-interview/issues/572)
- [HTML5的应用程序缓存与浏览器缓存有什么不同？](https://github.com/haizlin/fe-interview/issues/568)
- [你有用过HTML5中的datalist标签吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/562)
- [说说你对HTML5的img标签属性srcset和sizes的理解？都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/530)
- [HTML5如何识别语音读出的内容和朗读指定的内容？](https://github.com/haizlin/fe-interview/issues/526)
- [移动web页面如何自动探测电话号码？](https://github.com/haizlin/fe-interview/issues/521)
- [在a标签上的四个伪类执行顺序是什么？](https://github.com/haizlin/fe-interview/issues/517)
- [favicon.ico有什么作用？怎么在页面中引用？常用尺寸有哪些？可以修改后缀名吗？](https://github.com/haizlin/fe-interview/issues/513)
- [video和audio分别支持哪些格式？](https://github.com/haizlin/fe-interview/issues/509)
- [怎么在IE8及以下实现HTML5的兼容？](https://github.com/haizlin/fe-interview/issues/502)
- [html的a标签属性rel='nofollow'有什么作用？](https://github.com/haizlin/fe-interview/issues/498)
- [怎样禁止表单记住密码自动填充？](https://github.com/haizlin/fe-interview/issues/494)
- [写个例子说明HTML5在移动端如何打开APP？](https://github.com/haizlin/fe-interview/issues/490)
- [请写出唤醒拔打电话、发送邮件、发送短信的例子](https://github.com/haizlin/fe-interview/issues/407)
- [HTML5如果不写`` ，页面还会正常工作么？](https://github.com/haizlin/fe-interview/issues/403)
- [html直接输入多个空格为什么只能显示一个空格？](https://github.com/haizlin/fe-interview/issues/299)
- [写出html提供的几种空格实体（5种以上）](https://github.com/haizlin/fe-interview/issues/293)
- [什么是html的字符实体？版权符号代码怎么写？](https://github.com/haizlin/fe-interview/issues/279)
- [有使用过HTML5的拖放API吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/275)
- [有用过HTML5的webSQL和IndexedDB吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/254)
- [src、href、link的区别是什么？](https://github.com/haizlin/fe-interview/issues/250)
- [有用过WebGL吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/244)
- [HTML5相对于HTML4有哪些优势？](https://github.com/haizlin/fe-interview/issues/240)
- [你了解HTML5的download属性吗？](https://github.com/haizlin/fe-interview/issues/236)
- [渐进式渲染是什么？](https://github.com/haizlin/fe-interview/issues/219)
- [HTML5中新添加的表单属性有哪些？](https://github.com/haizlin/fe-interview/issues/215)
- [你有了解HTML5的地理定位吗？怎么使用？](https://github.com/haizlin/fe-interview/issues/207)
- [web workers有用过吗？能帮我们解决哪些问题？](https://github.com/haizlin/fe-interview/issues/207)
- [From表单提交时为什么会刷新页面？怎么预防刷新？](https://github.com/haizlin/fe-interview/issues/202)
- [Form表单是怎么上传文件的？你了解它的原理吗？](https://github.com/haizlin/fe-interview/issues/198)
- [Ajax与Flash的优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/189)
- [说说你对target="_blank"的理解？有啥安全性问题？如何防范？](https://github.com/haizlin/fe-interview/issues/185)
- [说说你对WEB标准和W3C的理解与认识？](https://github.com/haizlin/fe-interview/issues/181)
- [HTML5如何使用音频和视频？](https://github.com/haizlin/fe-interview/issues/177)
- [页面中怎么嵌入Flash？有哪些方法？写出来](https://github.com/haizlin/fe-interview/issues/173)
- [xml与html有什么区别？](https://github.com/haizlin/fe-interview/issues/169)
- [说说video标签中预加载视频用到的属性是什么？](https://github.com/haizlin/fe-interview/issues/165)
- [如何让元素固定在页面底部？有哪些比较好的实践？](https://github.com/haizlin/fe-interview/issues/161)
- [解释下什么是ISISO8859-2字符集？](https://github.com/haizlin/fe-interview/issues/156)
- [webSocket怎么做兼容处理？](https://github.com/haizlin/fe-interview/issues/152)
- [html5都有哪些新的特性？移除了哪些元素？](https://github.com/haizlin/fe-interview/issues/148)
- [title与h1、b与strong、i与em的区别分别是什么？](https://github.com/haizlin/fe-interview/issues/144)
- [说说你对cookie和session的理解](https://github.com/haizlin/fe-interview/issues/140)
- [html5哪些标签可以优化SEO?](https://github.com/haizlin/fe-interview/issues/136)
- [HTML与XHTML二者有不同?](https://github.com/haizlin/fe-interview/issues/132)
- [用一个div模拟textarea的实现](https://github.com/haizlin/fe-interview/issues/128)
- [Standards模式和Quirks模式有什么区别？](https://github.com/haizlin/fe-interview/issues/122)
- [html和html5有什么区别呢？](https://github.com/haizlin/fe-interview/issues/118)
- [说说你对HTML元素的显示优先级的理解](https://github.com/haizlin/fe-interview/issues/114)
- [DOM和BOM有什么区别？](https://github.com/haizlin/fe-interview/issues/110)
- [网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些](https://github.com/haizlin/fe-interview/issues/106)
- [你了解什么是无障碍web（WAI）吗？在开发过程中要怎么做呢？](https://github.com/haizlin/fe-interview/issues/102)
- [说说你对``标签的理解](https://github.com/haizlin/fe-interview/issues/98)
- [说说你对影子(Shadow)DOM的了解](https://github.com/haizlin/fe-interview/issues/94)
- [解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因](https://github.com/haizlin/fe-interview/issues/90)
- [请说说`