HTML面试题汇总

Posted 2021-12-28 前端小歌谣

【html】

[html] 你有使用过MediaRecorder吗？说说它的运用场景有哪些？

[html] 进入编辑页面时，如何把光标聚焦到第一个input？

[html] 如何给input的右上角加个清除的按钮

[html] 举例说明只用html和css如何使得一个列表编号倒序？

[html] H5页面在微信中如何禁止分享给好友和朋友圈？

[html] http中的301、302、307、308有什么区别？

[html] 说说你对短链接的理解，它有什么应用场景呢？

[html] 网页中的友情链接有什么作用？

[html] 你知道什么是反向链接吗？它有什么应用场景呢？

[html] 如何让pre标签中的元素自动换行？

[html] 在两个iframe之间传递参数的方法有哪些

[html] 怎样使用iframe刷新父级页面？

[html] 为什么移动端页面的设计稿一般是750px/640px呢？

[html] iframe在更改了src之后，不出现后退或者前进按钮怎么解决？

[html] iframe如何自动调整高度？

[html] 如何禁止web端的页面缩放？

[html] 对一个元素设置浮动后，它的特征是什么？

[html] IE6文字溢出BUG（别名：多出来的猪、谍影重重）怎么解决呢？

[html] H5的video可以播放哪些类型的文件？可以播放rtsp流吗？

[html] 请说说你在写布局时对于浏览器兼容性的感受或总结

[html] 写html代码时，怎样才加速写代码的速度呢？你有什么方法？

[html] 你觉得新开发一个网站最困难的是哪些部分？

[html] 你最喜欢H5的哪些功能？为什么？

[html] 页面的重绘和回流是什么？

[html] 如何关闭HTML页面在IOS下的键盘首字母自动大写？

[html] 一般习惯把js写在＜/body＞前，但有例外的情况吗？说说看

[html] 制作页面时，前端如何适应各种异形屏？

[html] HTML为什么要语义化？语义化有什么好处？

[html] 什么是空元素？常用的空元素有哪些？

[html] H5的Web Storage带来什么好处？

[html] 当页面中使用application/xhtml+xml会出现什么问题吗？

[html] 在H5中如何预加载音频？

[html] 请使用canvas画一个椭圆

[html] html元素哪些标签是不可替换元素？哪些是可替换元素？

[html] 说说如果a链接href=““（空）时点击时会有什么表现？

[html] html的开始与结束标签嵌套错误会导致哪些问题？

[html] 请使用canvas画一个渐变的长方形

[html] H5的哪些特性需要https支持呢？

[html] button标签的type默认值是什么呢？

[html] 你认为一个好的布局应该是什么样的？有哪些需要注意的地方？

[html] 你写一个页面需要多长时间？

[html] html的哪个标签可以预渲染？

[html] 如果列表元素li的兄弟元素为div，会产生什么情况？

[html] 如何使用纯HTML实现跑马灯的效果？

[html] 如何优化大数据列表（10万+）的性能？说说你的方案

[html] html哪个标签属性可以通过预解析DNS？

[html] 跨域通信有哪些方式？

[html] 制作一个不规则形状有哪些方法可以实现？

[html] 写一个密码默认星号，但可以查看密码的输入框

[html] HTML采用的是RGB颜色还是CMYK颜色？为什么？

[html] 如何给input的右上角加个清除的按钮？

[html] http中的301、302、307、308有什么区别？

[html] 举例说明只用html和css如何使得一个列表编号倒序？

[html] H5页面在微信中如何禁止分享给好友和朋友圈？

[html] 说说你对短链接的理解，它有什么应用场景呢？

[html] 在head标签中必不少的是什么？

[html] 说说你对H5的SharedWorker的理解，它有什么运用场景？

[html] 说说你对H5的ServiceWorker的理解，它有什么运用场景？

[html] 你有使用过MediaRecorder吗？说说它的运用场景有哪些？

[html] const nums1 = [1, 2, 2, 1], nums2 = [2] 交集是什么？

[html] html中在span标签里面可以放那些标签？

[html] 进入编辑页面时，如何把光标聚焦到第一个input？

[html] 页面需要支持多语言，如果是你该怎么做？

[html] 写一个三栏布局，两边固定，中间自适应

[html] 可替换元素和不可替换元素有什么不同的特点？

[html] 举例说明使用data-有什么优点？

[html] 如何在IOS下启用WebApp全屏模式？

[html] 在a标签中，怎样防止链接跳转？

[html] 如何优化页面的渲染过程？

[html] 说说你对短链接的理解，它有什么应用场景呢？

[html] 你知道短链接的生成原理吗？

[html] 网页中的友情链接有什么作用？

[html] 如何让pre标签中的元素自动换行？

[html] 请说说你在写布局时对于浏览器兼容性的感受或总结

[html] 写一个三栏布局，中间固定，两边自适应（平均）

[html] 你最喜欢html的哪个标签？为什么？

[html] 你知道什么是反向链接吗？它有什么应用场景呢？

[html] H5的video可以播放哪些类型的文件？可以播放rtsp流吗？

[html] 如何实现默认显示git的第一帧图片，当鼠标经过时，播放完整的gif动画

[html] 如何实现页面背景图固定不动，不跟随滚动条滚动？

[html] 制作一个页面时，需要兼容PC端和手机端，你是要分别做两个页面还是只做一个页面自适应？为什么？说说你的理由

[html] 你能否画出一个0.5px的直线？

[html] 如何禁止手机端页面缩放？

[html] 如何垂直居中＜img＞？

[html] canvas生成图片有没有跨域问题？如果有如何解决？

[html] 如何根据设备尺寸做页面自适应？

[html] 使用div+css进行布局有什么好处？

[html] 请使用一个div写出有三条横线的小图标

[html] 说说你对移动优先布局的理解

[html] 写出不定宽度的子级div，在相对于固定宽度的父级元素水平居中的布局

[html] a标签的默认事件禁用后，如何实现跳转？

[html] 如何在页面引用外部的html页面？

[html]html实现页面跳转都有哪些方法？

[html] HTML5的触屏事件有哪些？

[html] 说说你对abbr标签的理解，它有什么含义？

[html] 直接使用b标签和使用css的font-weight有什么区别？

[html] html的属性值有规定要使用单引号还是双引号吗？

[html] 你是如何区分HTML和HTML5的？

[html] 说说你对HTML5中pattern属性的理解

[html] 使用svg画一个三角形

[html] 使用svg画一个爱心

[html] 要减少DOM的数量有什么办法吗？

[html] 一个标签上同时出现三个或多个class属性，请问它的渲染顺序是怎样的？

[html] 为什么说cookie不可以滥用？

[html] 如何动态修改＜title＞的标题名称？

[html] 你有使用过del标签吗？说说它的用途

[html] HTML5拖拽事件的顺序是什么？

[html] 如何给table中的某一列设置固定宽度

[html] 前端需要注意哪些SEO?

[html] H5播放的video视频，如何实现对视频截图？

[html] 如何解决微信浏览器视频点击自动全屏的问题？

[html] 如果要开发一个在超级大屏上显示的可视化页面，你首先要考虑什么？

[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？

[html] 说说js代码写到html里还是单独写到js文件里哪个好？为什么？

[html] 百度、淘宝、京东移动端首页秒开是如何做到的？

[html] 使用button当按钮和使用div当按钮有什么区别？

[html] 如何使用H5实现电子签名？请说说你的思路

[html] 你认为写出什么样的html代码才是好代码呢？

[html] 写页面布局时需要考虑哪些方面的因素？

[html] H5如何与APP交互？有哪些方式？

[html] 写一个水平竖直居中的弹窗，带遮罩层的布局

[html] 移动端布局的自适应如何做？

[html] 写一个垂直的三栏布局，第一栏固定顶部，中间铺满，第三栏固定底部

[html] 写一个滚动吸顶的布局

[html] 实现两列等宽布局的方式有哪些？

[html] HTML5如何播放ts视频流？

[html] h5页面如何传递参数给小程序？

[html] 如何实现多行文字梯形排版？

[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码

[html] 如何更改浏览器左上角标题旁的图标？

[html] HTML5的Geolocation不允许定位后如何于次让它弹起授权定位？

[html] HTML5的Server-Sent和WebSocket有什么区别？

[html] HTML5的Server-Sent和WebSocket如何选择哪一个？

[html] 你觉得写Html难吗？难在哪？为什么？

[html] 对于写一个页面布局，html/css/js这三者你是先写哪个后写哪个？

[html] 使用svg画出一个矩形

[html] 本地存储和cookie之间的区别是什么？

[html] 说说你对HTML5中“一次编写，全体使用”的理解

[html] 在HTML5中，用于获得用户的当前位置是哪个方法？

[html] html5中的meta标签http-equiv属性有什么作用？

[html] 如何阻止屏幕旋转时自动调整字体的大小？

[html] 如何在页面打开PDF文件？

[html] 什么是本地存储的有效期？

[html] 为什么我们要使用web workers？

[html] 使用svg画一个微信的logo

[html] 如何在不同的端口间共享cookie？

[html] 怎样计算首屏和白屏的时间？

[html] 你最喜欢H5的哪些功能？为什么？

[html] 页面上如何显示特殊字符？

[html] 如何让img自动适应div容器大小？

[html] 你认为Html的术难点在哪？

[html] 写一个标签云的布局

[html] 写html代码时，怎样才加速写代码的速度呢？你有什么方法？

[html] 你觉得新开发一个网站最困难的是哪些部分？

[html] 页面的重绘和回流是什么？

[html] html5中的meta标签renderer有什么作用？

[html] html5中的meta标签robots有什么作用？

[html] 给“测试投影”几个字添加立体投影的效果

[html] HTML5中新添加的表单属性有哪些？

[html] 说说video标签中预加载视频用到的属性是什么？

[html] 解释下什么是ISISO8859-2字符集？

[html] webSocket怎么做兼容处理？

[html] html5哪些标签可以优化SEO?

[html] 说说你对cookie和session的理解

[html] 用一个div模拟textarea的实现

[html] html和html5有什么区别呢？

[html] DOM和BOM有什么区别？

[html] 说说你对target=“_blank“的理解？有啥安全性问题？如何防范？

[html] 说说你对WEB标准和W3C的理解与认识？

[html] HTML5如何使用音频和视频？

[html] 页面中怎么嵌入Flash？有哪些方法？写出来

[html] xml与html有什么区别？

[html]如何让元素固定在页面底部？有哪些比较好的实践？

[html] html5都有哪些新的特性？移除了哪些元素？

[html] title与h1、b与strong、i与em的区别分别是什么？

[html] HTML与XHTML二者有不同

[html] Standards模式和Quirks模式有什么区别？

[html] 说说你对HTML元素的显示优先级的理解

[html] 网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些

[html] 你了解什么是无障碍web（WAI）吗？在开发过程中要怎么做呢

[html] 请说说＜script＞、＜script async＞和＜script defer＞的区别

[html] 说说你对属性data-的理解

[html] 关于＜form＞标签的enctype属性你有哪些了解？

[html]请描述HTML元素的显示优先级

[html] 你认为table的作用和优缺点是什么呢？

[html] 元素的alt和title有什么区别？

[html] 浏览器内多个标签页之间的通信方式有哪些？

[html] 你了解HTML5的download属性吗？

[html] 写一个搜索框，聚焦时搜索框向左拉长并有动画效果

[html] 如果让你实现一个网页版的办公表格（类似excel），你觉得是否可行？如果可行应该怎么做？

[html] 谈谈你对input元素中readonly和disabled属性的理解

[html] 说说你对html中的置换元素和非置换元素的理解

[html] 常见的浏览器内核都有哪些？并介绍下你对内核的理解

[html] iframe框架都有哪些优缺点？

[html] HTML5的文件离线储存怎么使用，工作原理是什么？

[html] title与h1的区别、b与strong的区别、i与em的区别？

[html] 为什么HTML5只需要写＜!DOCTYPE HTML＞就可以？

[html] viewport常见设置都有哪些？

[html] 简述下html5的离线储存原理，同时说明如何使用？

[html] 简述超链接target属性的取值和作用

[html] 页面导入样式时，使用link和@import有什么区别？

[html] 如何实现标题栏闪烁、滚动的效果

[html] label都有哪些作用？并举相应的例子说明

[html] html5中的form怎么关闭自动完成？

[html] 怎样在页面上实现一个圆形的可点击区域？

[html] Ajax与Flash的优缺点分别是什么？

[html] Form表单是怎么上传文件的？你了解它的原理吗？

[html] 渐进式渲染是什么？

[html] HTML全局属性(global attribute)有哪些（包含H5）？

[html] 制作一个多选的下拉框

[html] 移动端如何让页面强制横屏显示？

[html] 你喜欢哪种布局风格？说说你的理由

[html] 写H5和小程序有什么相同及不同的地方吗？

[html] 你对标签语义化的理解是什么？

[html] js放在html的＜body＞和＜head＞有什么区别？

[html] 解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因

[html] 说说你对影子(Shadow)DOM的了解

[html] 说说你对＜meta＞标签的理解

[html] 你有了解HTML5的地理定位吗？怎么使用？

[html] web workers有用过吗？能帮我们解决哪些问题？

[html] From表单提交时为什么会刷新页面？怎么预防刷新？

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题