# html面试题
> 不定时更新
## 历史题目
> 最新:2021.02.27
- [写H5和小程序有什么相同及不同的地方吗?](https://github.com/haizlin/fe-interview/issues/3617)
- [你喜欢哪种布局风格?说说你的理由](https://github.com/haizlin/fe-interview/issues/3613)
- [移动端如何让页面强制横屏显示?](https://github.com/haizlin/fe-interview/issues/3609)
- [制作一个多选的下拉框](https://github.com/haizlin/fe-interview/issues/3605)
- [如何实现标题栏闪烁、滚动的效果](https://github.com/haizlin/fe-interview/issues/3601)
- [在页面中如何实现触发某一场景时有声音提醒](https://github.com/haizlin/fe-interview/issues/3597)
- [如果让你实现一个网页版的办公表格(类似excel),你觉得是否可行?如果可行应该怎么做?](https://github.com/haizlin/fe-interview/issues/3593)
- [写一个搜索框,聚焦时搜索框向左拉长并有动画效果](https://github.com/haizlin/fe-interview/issues/3588)
- [画一个五层楼的布局](https://github.com/haizlin/fe-interview/issues/3580)
- [给“测试投影”几个字添加立体投影的效果](https://github.com/haizlin/fe-interview/issues/3576)
- [说说你对Gzip压缩的了解](https://github.com/haizlin/fe-interview/issues/3572)
- [html5中的meta标签http-equiv属性有什么作用?](https://github.com/haizlin/fe-interview/issues/3568)
- [html5中的meta标签robots有什么作用?](https://github.com/haizlin/fe-interview/issues/3564)
- [html5中的meta标签generator有什么作用?](https://github.com/haizlin/fe-interview/issues/3560)
- [html5中的meta标签renderer有什么作用?](https://github.com/haizlin/fe-interview/issues/3556)
- [在HTML5中,用于获得用户的当前位置是哪个方法?](https://github.com/haizlin/fe-interview/issues/3552)
- [html5中的meta标签itemprop属性有什么作用?](https://github.com/haizlin/fe-interview/issues/3548)
- [请实现一个微信炸弹的效果](https://github.com/haizlin/fe-interview/issues/3544)
- [请使用flex和grid两种方式实现9宫格布局](https://github.com/haizlin/fe-interview/issues/3540)
- [页面的重绘和回流是什么?](https://github.com/haizlin/fe-interview/issues/3536)
- [你最喜欢H5的哪些功能?为什么?](https://github.com/haizlin/fe-interview/issues/3532)
- [你觉得新开发一个网站最困难的是哪些部分?](https://github.com/haizlin/fe-interview/issues/3528)
- [写html代码时,怎样才加速写代码的速度呢?你有什么方法?](https://github.com/haizlin/fe-interview/issues/3524)
- [写一个标签云的布局](https://github.com/haizlin/fe-interview/issues/3520)
- [你认为Html的术难点在哪?](https://github.com/haizlin/fe-interview/issues/3516)
- [说说你认为有没有你做不出来的布局?有哪些?为什么?](https://github.com/haizlin/fe-interview/issues/3512)
- [如何让img自动适应div容器大小?](https://github.com/haizlin/fe-interview/issues/3508)
- [写一个带遮罩层的弹窗,并把内容锁定没有滚动条](https://github.com/haizlin/fe-interview/issues/3504)
- [页面上如何显示特殊字符?](https://github.com/haizlin/fe-interview/issues/3500)
- [怎样计算首屏和白屏的时间?](https://github.com/haizlin/fe-interview/issues/3496)
- [如何在不同的端口间共享cookie?](https://github.com/haizlin/fe-interview/issues/3492)
- [如何在页面打开PDF文件?](https://github.com/haizlin/fe-interview/issues/3488)
- [使用svg画一个微信的logo](https://github.com/haizlin/fe-interview/issues/3484)
- [使用svg画一个百度的logo](https://github.com/haizlin/fe-interview/issues/3480)
- [如何阻止屏幕旋转时自动调整字体的大小?](https://github.com/haizlin/fe-interview/issues/3476)
- [你认为HTML5出现后,它的商业模式会有哪些变化呢?](https://github.com/haizlin/fe-interview/issues/3472)
- [说说你对HTML5中“一次编写,全体使用”的理解](https://github.com/haizlin/fe-interview/issues/3467)
- [为什么我们要使用web workers?](https://github.com/haizlin/fe-interview/issues/3463)
- [本地存储和cookie之间的区别是什么?](https://github.com/haizlin/fe-interview/issues/3459)
- [什么是本地存储的有效期?](https://github.com/haizlin/fe-interview/issues/3455)
- [使用svg画出一个矩形](https://github.com/haizlin/fe-interview/issues/3451)
- [对于写一个页面布局,html/css/js这三者你是先写哪个后写哪个?](https://github.com/haizlin/fe-interview/issues/3447)
- [你觉得写Html难吗?难在哪?为什么?](https://github.com/haizlin/fe-interview/issues/3443)
- [HTML5的Server-Sent和WebSocket如何选择哪一个?](https://github.com/haizlin/fe-interview/issues/3439)
- [HTML5的Server-Sent和WebSocket有什么区别?](https://github.com/haizlin/fe-interview/issues/3435)
- [HTML5的Geolocation不允许定位后如何于次让它弹起授权定位?](https://github.com/haizlin/fe-interview/issues/3431)
- [html5的geolocation定位误差大如何解决?](https://github.com/haizlin/fe-interview/issues/3427)
- [如何更改浏览器左上角标题旁的图标?](https://github.com/haizlin/fe-interview/issues/3423)
- [制作一个金字塔布局](https://github.com/haizlin/fe-interview/issues/3419)
- [写一个类似刮刮卡效果的交互,即鼠标划过时显示号码](https://github.com/haizlin/fe-interview/issues/3414)
- [如何实现多行文字梯形排版?](https://github.com/haizlin/fe-interview/issues/3409)
- [h5页面如何传递参数给小程序?](https://github.com/haizlin/fe-interview/issues/3404)
- [HTML5如何播放ts视频流?](https://github.com/haizlin/fe-interview/issues/3400)
- [实现两列等宽布局的方式有哪些?](https://github.com/haizlin/fe-interview/issues/3393)
- [写一个滚动吸顶的布局](https://github.com/haizlin/fe-interview/issues/3389)
- [写一个垂直的三栏布局,第一栏固定顶部,中间铺满,第三栏固定底部](https://github.com/haizlin/fe-interview/issues/3385)
- [移动端布局的自适应如何做?](https://github.com/haizlin/fe-interview/issues/3381)
- [写一个水平竖直居中的弹窗,带遮罩层的布局](https://github.com/haizlin/fe-interview/issues/3377)
- [H5如何与APP交互?有哪些方式?](https://github.com/haizlin/fe-interview/issues/3373)
- [使用button当按钮和使用div当按钮有什么区别?](https://github.com/haizlin/fe-interview/issues/3369)
- [写一个windows phone风格的布局](https://github.com/haizlin/fe-interview/issues/3365)
- [说说你对H标签在布局中的重要性的理解](https://github.com/haizlin/fe-interview/issues/3361)
- [百度、淘宝、京东移动端首页秒开是如何做到的?](https://github.com/haizlin/fe-interview/issues/3357)
- [写页面布局时需要考虑哪些方面的因素?](https://github.com/haizlin/fe-interview/issues/3353)
- [你认为写出什么样的html代码才是好代码呢?](https://github.com/haizlin/fe-interview/issues/3349)
- [简述下W3C标准都有哪些?如何才能做出符合标准的网页?](https://github.com/haizlin/fe-interview/issues/3345)
- [你是怎样检测网页是否遵循W3C标准的?](https://github.com/haizlin/fe-interview/issues/3341)
- [说说js代码写到html里还是单独写到js文件里哪个好?为什么?](https://github.com/haizlin/fe-interview/issues/3336)
- [如何在select控件中使用a链接?](https://github.com/haizlin/fe-interview/issues/3332)
- [如何在网页可见区域的正中间画一条横线(要考虑有滚动条的情况)](https://github.com/haizlin/fe-interview/issues/3328)
- [如何使用H5实现录屏的功能?请说说你的思路](https://github.com/haizlin/fe-interview/issues/3324)
- [如何使用H5实现电子签名?请说说你的思路](https://github.com/haizlin/fe-interview/issues/3320)
- [你认为HTML标签有什么不好的地方吗?为什么?](https://github.com/haizlin/fe-interview/issues/3316)
- [写一个布局,它的宽度是不固定的100%,如果让它的宽度始终是高度的一半呢?](https://github.com/haizlin/fe-interview/issues/3312)
- [你有使用过H5的Web Audio API吗?说说它的用途](https://github.com/haizlin/fe-interview/issues/3308)
- [微信公众号的文章如何做到点击图片查看答案?](https://github.com/haizlin/fe-interview/issues/3304)
- [如果要开发一个在超级大屏上显示的可视化页面,你首先要考虑什么?](https://github.com/haizlin/fe-interview/issues/3300)
- [如何给table中的某一列设置固定宽度](https://github.com/haizlin/fe-interview/issues/3296)
- [html中表格的width和height的值为什么没有单位?它的的默认单位是像素吗?](https://github.com/haizlin/fe-interview/issues/3291)
- [如何解决微信浏览器中video标签z-index过高遮挡页面问题?](https://github.com/haizlin/fe-interview/issues/3287)
- [如何解决微信浏览器视频点击自动全屏的问题?](https://github.com/haizlin/fe-interview/issues/3283)
- [H5播放的video视频,如何实现对视频截图?](https://github.com/haizlin/fe-interview/issues/3279)
- [说说你对H5媒体捕获的理解,它有什么用途?](https://github.com/haizlin/fe-interview/issues/3275)
- [前端需要注意哪些SEO?](https://github.com/haizlin/fe-interview/issues/3271)
- [HTML5拖拽事件的顺序是什么?](https://github.com/haizlin/fe-interview/issues/3267)
- [你有使用过del标签吗?说说它的用途](https://github.com/haizlin/fe-interview/issues/3263)
- [你有使用过kbd标签吗?说说它的用途](https://github.com/haizlin/fe-interview/issues/3259)
- [你有使用过ins标签吗?说说它的用途](https://github.com/haizlin/fe-interview/issues/3255)
- [你有使用过summary标签吗?说说它的用途](https://github.com/haizlin/fe-interview/issues/3251)
- [如何动态修改`
`的标题名称?](https://github.com/haizlin/fe-interview/issues/3247)
- [如何对一个页面进行重构?](https://github.com/haizlin/fe-interview/issues/3243)
- [为什么说cookie不可以滥用?](https://github.com/haizlin/fe-interview/issues/3239)
- [如何给`