html.md

# html面试题
> 一周汇总一次

## 历史题目
> 最新：2019.10.20

- [placeholder如何在兼容IE？](https://github.com/haizlin/fe-interview/issues/1408)
- [举例说明如何实现浏览器桌面通知？](https://github.com/haizlin/fe-interview/issues/1403)
- [HTML5如何唤醒APP？](https://github.com/haizlin/fe-interview/issues/1383)
- [如何给一个下拉选项进行分组？](https://github.com/haizlin/fe-interview/issues/1379)
- [HTML5的output是非常棒的一个标签，你对它有了解吗？](https://github.com/haizlin/fe-interview/issues/1375)
- [举例说明HTML5的标签meter的用法](https://github.com/haizlin/fe-interview/issues/1371)
- [请使用纯HTML制作一个进度条](https://github.com/haizlin/fe-interview/issues/1367)
- [你有用过HTML5的track标签吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1363)
- [htm、html、shtml三者有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1345)
- [你有用过HTML5的requestAnimationFrame吗？它运用的场景有哪些呢？](https://github.com/haizlin/fe-interview/issues/1341)
- [网站首页有大量的图片，加载很慢，要是你，你该怎么去优化呢？](https://github.com/haizlin/fe-interview/issues/1337)
- [做好的页面都有在哪些浏览器上测过](https://github.com/haizlin/fe-interview/issues/1333)
- [HTML5的哪些新特性是令你最兴奋的？](https://github.com/haizlin/fe-interview/issues/1329)
- [img、input标签它们是行内元素还是块级元素？](https://github.com/haizlin/fe-interview/issues/1315)
- [HTML的标签区分大小写吗？属性名区分大小写吗？](https://github.com/haizlin/fe-interview/issues/1311)
- [HTML的注释有几种写法？有什么规范吗？](https://github.com/haizlin/fe-interview/issues/1296)
- [怎样给radio分组呢？](https://github.com/haizlin/fe-interview/issues/1292)
- [你知道HTML什么是单闭合标签和双闭合标签吗？为何要分为这两种呢？](https://github.com/haizlin/fe-interview/issues/1287)
- [什么是Data URI？](https://github.com/haizlin/fe-interview/issues/1283)
- [你知道有哪些常见的视频（音频）编码格式和视频（音频）格式吗？](https://github.com/haizlin/fe-interview/issues/1279)
- [Shadow DOM和Virtual DOM有什么区别？](https://github.com/haizlin/fe-interview/issues/1275)
- [meta的属性有哪些组成？说说它们的分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1267)
- [为什么HTML5里面我们不需要DTD？](https://github.com/haizlin/fe-interview/issues/1267)
- [前端路由指的是什么？它有什么好处？它有哪些方式可以实现呢？](https://github.com/haizlin/fe-interview/issues/1263)
- [xpath和dom有什么区别？](https://github.com/haizlin/fe-interview/issues/1259)
- [你有使用过HTML5的output吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1255)
- [HTML5如何调用摄像头？](https://github.com/haizlin/fe-interview/issues/1251)
- [怎么检测浏览器是否支持HTML5特性？](https://github.com/haizlin/fe-interview/issues/1247)
- [举例说明如何使用纯html怎么实现下拉提示的功能？](https://github.com/haizlin/fe-interview/issues/1233)
- [你有使用过figure标签吗？说说你对它的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1229)
- [你有用过bdo标签吗？举例说明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1225)
- [HTML5的video在有的移动端设备无法自动播放？怎么解决？](https://github.com/haizlin/fe-interview/issues/1221)
- [HTML5有哪些存储类型？它们之间有什么区别？](https://github.com/haizlin/fe-interview/issues/1217)
- [不用h标签、css和js怎么实现多个字的字体连续放大的效果？](https://github.com/haizlin/fe-interview/issues/1213)
- [使用标签怎样对一个单词标志缩写呢？](https://github.com/haizlin/fe-interview/issues/1209)
- [说说你对small标签的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1205)
- [举例说明如何在页面中添加数学公式？](https://github.com/haizlin/fe-interview/issues/1201)
- [怎样把整个页面中的内容设置成只读，不可编辑的状态？](https://github.com/haizlin/fe-interview/issues/1182)
- [input的onblur和onchange事件区别是什么？](https://github.com/haizlin/fe-interview/issues/1178)
- [本地存储的生命周期是什么？](https://github.com/haizlin/fe-interview/issues/1174)
- [请说说viewport是什么？在什么时候下使用？有什么作用？](https://github.com/haizlin/fe-interview/issues/1169)
- [说说你对表单属性type="hidden"的理解，它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1165)
- [SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？](https://github.com/haizlin/fe-interview/issues/1161)
- [请说说`<pre>`和`<code>`标签的区别？](https://github.com/haizlin/fe-interview/issues/1157)
- [如何实现应用缓存？说说你对manifest的理解](https://github.com/haizlin/fe-interview/issues/1152)
- [form标签定义请求类型和请求地址分别是哪个属性？](https://github.com/haizlin/fe-interview/issues/1148)
- [说说你对HTML5的keygen标签的理解，它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1144)
- [如何让textarea标签中的内容原格式输出？](https://github.com/haizlin/fe-interview/issues/1140)
- [请说说应用缓存中的回退和网络分别是什么？](https://github.com/haizlin/fe-interview/issues/1136)
- [如何让textarea高度自适应呢？](https://github.com/haizlin/fe-interview/issues/1132)
- [HTML5的服务器(server-sent event)发送事件有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1128)
- [如何刷新浏览器的应用缓存？](https://github.com/haizlin/fe-interview/issues/1124)
- [Web Worker线程的限制是什么？](https://github.com/haizlin/fe-interview/issues/1120)
- [canvas默认画布的尺寸是多大？怎样设置才能不会变形？](https://github.com/haizlin/fe-interview/issues/1116)
- [触发form表单自动提交的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1112)
- [table去除边框的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1108)
- [你知道什么是锚点吗？它的作用是什么？怎么创建一个锚点？](https://github.com/haizlin/fe-interview/issues/1104)
- [请问WebSql是HTML5的一个规范吗？](https://github.com/haizlin/fe-interview/issues/1100)
- [精灵图和base64如何选择呢？](https://github.com/haizlin/fe-interview/issues/1096)
- [html的button中的reset有什么作用？](https://github.com/haizlin/fe-interview/issues/1092)
- [请说说Canvas和SVG图形的区别是什么？](https://github.com/haizlin/fe-interview/issues/1088)
- [举例说明table怎么合并行和列的？](https://github.com/haizlin/fe-interview/issues/1083)
- [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中的`<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如果不写`<! DOCTYPE html>` ，页面还会正常工作么？](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)
- [说说你对`<meta>`标签的理解](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)
- [请说说`<script>`、`<script async>`和`<script defer>`的区别](https://github.com/haizlin/fe-interview/issues/86)
- [说说你对属性data-的理解](https://github.com/haizlin/fe-interview/issues/82)
- [关于`<form>`标签的enctype属性你有哪些了解？](https://github.com/haizlin/fe-interview/issues/78)
- [js放在html的`<body>`和`<head>`有什么区别？](https://github.com/haizlin/fe-interview/issues/74)
- [谈谈你对input元素中readonly和disabled属性的理解](https://github.com/haizlin/fe-interview/issues/70)
- [请描述HTML元素的显示优先级](https://github.com/haizlin/fe-interview/issues/66)
- [说说你对html中的置换元素和非置换元素的理解](https://github.com/haizlin/fe-interview/issues/62)
- [怎样在页面上实现一个圆形的可点击区域？](https://github.com/haizlin/fe-interview/issues/58)
- [你认为table的作用和优缺点是什么呢？](https://github.com/haizlin/fe-interview/issues/54)
- [元素的alt和title有什么区别？](https://github.com/haizlin/fe-interview/issues/50)
- [title与h1的区别、b与strong的区别、i与em的区别？](https://github.com/haizlin/fe-interview/issues/46)
- [为什么HTML5只需要写`<!DOCTYPE HTML>`就可以？](https://github.com/haizlin/fe-interview/issues/42)
- [html5中的form怎么关闭自动完成？](https://github.com/haizlin/fe-interview/issues/38)
- [常见的浏览器内核都有哪些？并介绍下你对内核的理解](https://github.com/haizlin/fe-interview/issues/34)
- [你对标签语义化的理解是什么？](https://github.com/haizlin/fe-interview/issues/31)
- [viewport常见设置都有哪些？](https://github.com/haizlin/fe-interview/issues/28)
- [浏览器内多个标签页之间的通信方式有哪些？](https://github.com/haizhilin2013/interview/issues/25)
- [简述下html5的离线储存原理，同时说明如何使用？](https://github.com/haizhilin2013/interview/issues/22)
- [iframe框架都有哪些优缺点？](https://github.com/haizhilin2013/interview/issues/19)
- [label都有哪些作用？并举相应的例子说明](https://github.com/haizhilin2013/interview/issues/16)
- [简述超链接target属性的取值和作用](https://github.com/haizhilin2013/interview/issues/13)
- [HTML5的文件离线储存怎么使用，工作原理是什么？](https://github.com/haizhilin2013/interview/issues/10)
- [HTML全局属性(global attribute)有哪些（包含H5）？](https://github.com/haizhilin2013/interview/issues/7)
- [html的元素有哪些（包含H5）？](https://github.com/haizhilin2013/interview/issues/4)
- [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizhilin2013/interview/issues/1)