fe-interview/category/html.md

html面试题

不定时更新

历史题目

最新：2021.02.27

• 写H5和小程序有什么相同及不同的地方吗？
• 你喜欢哪种布局风格？说说你的理由
• 移动端如何让页面强制横屏显示？
• 制作一个多选的下拉框
• 如何实现标题栏闪烁、滚动的效果
• 在页面中如何实现触发某一场景时有声音提醒
• 如果让你实现一个网页版的办公表格（类似excel），你觉得是否可行？如果可行应该怎么做？
• 写一个搜索框，聚焦时搜索框向左拉长并有动画效果
• 画一个五层楼的布局
• 给“测试投影”几个字添加立体投影的效果
• 说说你对Gzip压缩的了解
• html5中的meta标签http-equiv属性有什么作用？
• html5中的meta标签robots有什么作用？
• html5中的meta标签generator有什么作用？
• html5中的meta标签renderer有什么作用？
• 在HTML5中，用于获得用户的当前位置是哪个方法？
• html5中的meta标签itemprop属性有什么作用？
• 请实现一个微信炸弹的效果
• 请使用flex和grid两种方式实现9宫格布局
• 页面的重绘和回流是什么？
• 你最喜欢H5的哪些功能？为什么？
• 你觉得新开发一个网站最困难的是哪些部分？
• 写html代码时，怎样才加速写代码的速度呢？你有什么方法？
• 写一个标签云的布局
• 你认为Html的术难点在哪？
• 说说你认为有没有你做不出来的布局？有哪些？为什么？
• 如何让img自动适应div容器大小？
• 写一个带遮罩层的弹窗，并把内容锁定没有滚动条
• 页面上如何显示特殊字符？
• 怎样计算首屏和白屏的时间？
• 如何在不同的端口间共享cookie？
• 如何在页面打开PDF文件？
• 使用svg画一个微信的logo
• 使用svg画一个百度的logo
• 如何阻止屏幕旋转时自动调整字体的大小？
• 你认为HTML5出现后，它的商业模式会有哪些变化呢？
• 说说你对HTML5中“一次编写，全体使用”的理解
• 为什么我们要使用web workers？
• 本地存储和cookie之间的区别是什么？
• 什么是本地存储的有效期？
• 使用svg画出一个矩形
• 对于写一个页面布局，html/css/js这三者你是先写哪个后写哪个？
• 你觉得写Html难吗？难在哪？为什么？
• HTML5的Server-Sent和WebSocket如何选择哪一个？
• HTML5的Server-Sent和WebSocket有什么区别？
• HTML5的Geolocation不允许定位后如何于次让它弹起授权定位？
• html5的geolocation定位误差大如何解决？
• 如何更改浏览器左上角标题旁的图标？
• 制作一个金字塔布局
• 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码
• 如何实现多行文字梯形排版？
• h5页面如何传递参数给小程序？
• HTML5如何播放ts视频流？
• 实现两列等宽布局的方式有哪些？
• 写一个滚动吸顶的布局
• 写一个垂直的三栏布局，第一栏固定顶部，中间铺满，第三栏固定底部
• 移动端布局的自适应如何做？
• 写一个水平竖直居中的弹窗，带遮罩层的布局
• H5如何与APP交互？有哪些方式？
• 使用button当按钮和使用div当按钮有什么区别？
• 写一个windows phone风格的布局
• 说说你对H标签在布局中的重要性的理解
• 百度、淘宝、京东移动端首页秒开是如何做到的？
• 写页面布局时需要考虑哪些方面的因素？
• 你认为写出什么样的html代码才是好代码呢？
• 简述下W3C标准都有哪些？如何才能做出符合标准的网页？
• 你是怎样检测网页是否遵循W3C标准的？
• 说说js代码写到html里还是单独写到js文件里哪个好？为什么？
• 如何在select控件中使用a链接？
• 如何在网页可见区域的正中间画一条横线（要考虑有滚动条的情况）
• 如何使用H5实现录屏的功能？请说说你的思路
• 如何使用H5实现电子签名？请说说你的思路
• 你认为HTML标签有什么不好的地方吗？为什么？
• 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？
• 你有使用过H5的Web Audio API吗？说说它的用途
• 微信公众号的文章如何做到点击图片查看答案？
• 如果要开发一个在超级大屏上显示的可视化页面，你首先要考虑什么？
• 如何给table中的某一列设置固定宽度
• html中表格的width和height的值为什么没有单位？它的的默认单位是像素吗？
• 如何解决微信浏览器中video标签z-index过高遮挡页面问题？
• 如何解决微信浏览器视频点击自动全屏的问题？
• H5播放的video视频，如何实现对视频截图？
• 说说你对H5媒体捕获的理解，它有什么用途？
• 前端需要注意哪些SEO?
• HTML5拖拽事件的顺序是什么？
• 你有使用过del标签吗？说说它的用途
• 你有使用过kbd标签吗？说说它的用途
• 你有使用过ins标签吗？说说它的用途
• 你有使用过summary标签吗？说说它的用途
• 如何动态修改<title>的标题名称？
• 如何对一个页面进行重构？
• 为什么说cookie不可以滥用？
• 如何给<video>视频添加字幕(WebVTT)？
• 一个标签上同时出现三个或多个class属性，请问它的渲染顺序是怎样的？
• 要减少DOM的数量有什么办法吗？
• svg可以转为png吗？怎么转？
• 使用canvas画一个军棋的棋盘
• 使用canvas画一个中国象棋的棋盘
• 使用canvas画一个五子棋的棋盘
• 使用svg能实现哪些复杂的功能？
• 使用canvas能实现哪些复杂的功能？
• 使用svg画出“前端每日3+1”的几个字
• 使用svg画一个爱心
• 使用svg画出一个时钟
• 使用svg画一个平行四边形
• 使用svg画一个腾讯的logo
• 使用svg画一个三角形
• 使用svg画一条折线图
• 为什么要优先选择html5开发移动应用？
• 说说你对HTML5中pattern属性的理解
• tabindex属性有什么作用？
• 你是如何区分HTML和HTML5的？
• 怎样处理HTML5新标签在浏览器中兼容的问题？
• HTML5语义化更好的标签有哪些？
• XHTML有哪些强制的要求？
• html的属性值有规定要使用单引号还是双引号吗？
• HTML5是SGML的子集吗？
• 你觉得html的标签（包括html5）总共有多少个？它们是如何分类的？
• 你有使用过samp标签吗？说说它的应用场景
• 请说说h1-h6它们的默认字体大小是多少吗？
• 直接使用b标签和使用css的font-weight有什么区别？
• 你有使用过bdi标签吗？它有什么应用场景？
• HTML5布局的页面结构和HTML4有什么不同？
• HTML5的var标签有什么应用场景？
• 说说你对object标签的理解，它有什么应用场景？
• 说说你对abbr标签的理解，它有什么含义？
• HTML5的触屏事件与鼠标事件有什么区别？
• HTML5的触屏事件有哪些？
• html实现页面跳转都有哪些方法？
• 如何在页面引用外部的html页面？
• a标签的默认事件禁用后，如何实现跳转？
• 如何禁用掉a标签的默认事件？
• 写出不定宽度的子级div，在相对于固定宽度的父级元素水平居中的布局
• 写一个三栏布局，中间固定，两边自适应（平均）
• 说说你对移动优先布局的理解
• 如果浏览器支持的功能受限，如何更好的提供页面呢？
• 响应式设计的有哪些技巧？有哪些好处？
• 请使用一个div写出有三条横线的小图标
• 使用div+css进行布局有什么好处？
• 如何根据设备尺寸做页面自适应？
• 说说你对制表符的理解，它有什么作用？
• canvas生成图片有没有跨域问题？如果有如何解决？
• 如何垂直居中<img>？
• 如何解决在移动端1px渲染成2px的问题？
• 如何禁止手机端页面缩放？
• 实现中国五星红旗国旗的布局
• 你能否画出一个0.5px的直线？
• 制作一个页面时，需要兼容PC端和手机端，你是要分别做两个页面还是只做一个页面自适应？为什么？说说你的理由
• 如何实现页面背景图固定不动，不跟随滚动条滚动？
• 如何实现默认显示git的第一帧图片，当鼠标经过时，播放完整的gif动画
• html页面中如何实现gif图片重新播放？
• 请说说你在写布局时对于浏览器兼容性的感受或总结
• H5的video可以播放哪些类型的文件？可以播放rtsp流吗？
• 写一个布局，满足当页面滚动时，左侧固定不动，右侧的最小高度与左侧一样
• 写一个方法计算出页面中HTML使用最多的标签是哪一个
• 如何让pre标签中的元素自动换行？
• 你知道什么是反向链接吗？它有什么应用场景呢？
• 网页中的友情链接有什么作用？
• 你知道短链接的生成原理吗？
• 说说你对短链接的理解，它有什么应用场景呢？
• 微信H5页面如何更新缓存？
• H5页面在微信中如何禁止分享给好友和朋友圈？
• 如果src或者href为空时，将会伴随着哪些问题的出现？
• 举例说明只用html和css如何使得一个列表编号倒序？
• http中的301、302、307、308有什么区别？
• 如何给input的右上角加个清除的按钮？
• 进入编辑页面时，如何把光标聚焦到第一个input？
• html中在span标签里面可以放那些标签？
• const nums1 = [1, 2, 2, 1], nums2 = [2] 交集是什么？
• H5中video的事件的触发顺序是怎样的？
• 你有使用过MediaRecorder吗？说说它的运用场景有哪些？
• 说说你对H5的ServiceWorker的理解，它有什么运用场景？
• 说说你对H5的SharedWorker的理解，它有什么运用场景？
• 在head标签中必不少的是什么？
• 如何优化大数据列表（10万+）的性能？说说你的方案
• 请写一个正则获取html源码中所有img标签的src地址
• 如何使用纯HTML实现跑马灯的效果？
• 给你一个参考网站，你能快速下载它的模板吗？用哪些方法？
• HTML采用的是RGB颜色还是CMYK颜色？为什么？
• 如果列表元素li的兄弟元素为div，会产生什么情况？
• html的开始与结束标签嵌套错误会导致哪些问题？
• 写一个密码默认星号，但可以查看密码的输入框
• 制作一个不规则形状有哪些方法可以实现？
• 跨域通信有哪些方式？
• 说下cookie的优点和使用场景是什么？
• html哪个标签属性可以通过预解析DNS？
• 如何优化页面的渲染过程？
• html的哪个标签可以预渲染？
• html的哪个标签可以预加载？
• 在a标签中，怎样防止链接跳转？
• 说说如果a链接href=""（空）时点击时会有什么表现？
• 使用canvas时你有遇到过哪些坑？是如何解决的？
• 如何在IOS下启用WebApp全屏模式？
• 你最喜欢html的哪个标签？为什么？
• 举例说明使用data-有什么优点？
• 可替换元素和不可替换元素有什么不同的特点？
• html元素哪些标签是不可替换元素？哪些是可替换元素？
• 写一个三栏布局，两边固定，中间自适应
• 你写一个页面需要多长时间？
• 页面需要支持多语言，如果是你该怎么做？
• 你认为一个好的布局应该是什么样的？有哪些需要注意的地方？
• 怎样写出优雅的HTML结构？
• button标签的type默认值是什么呢？
• H5的哪些特性需要https支持呢？
• 请使用canvas画一个渐变的长方形
• 请使用canvas画一个椭圆
• 在H5中如何预加载音频？
• 一般习惯把js写在</body>前，但有例外的情况吗？说说看
• 当页面中使用application/xhtml+xml会出现什么问题吗？
• H5的Web Storage带来什么好处？
• 把H5看成一个开放的平台，那构建它的模块有哪些？
• 什么是空元素？常用的空元素有哪些？
• HTML为什么要语义化？语义化有什么好处？
• 制作页面时，前端如何适应各种异形屏？
• 做好的页面，你是如何获取更好的搜索引擎优化？
• 如何关闭HTML页面在IOS下的键盘首字母自动大写？
• 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载
• 说说如果meta标签没有写charset属性，将会如何？
• html标签中的lang属性有什么作用？
• 说说base标签有什么作用？
• 写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位
• HTML5如何监听video的全屏和退出全屏？
• 举例说明HTML5出来后，有哪些HTML标签被弃用了？
• HTML5的video在手机端如何实现进来页面时就自动播放？
• H5怎么禁用长按复制的功能？
• 如果一个标签元素同时出现两个class属性，两个class都会生效吗？为什么？
• 写一个鼠标跟随的特效
• 写一个网页点击的特效
• 如何使用H5唤起原生地图APP（百度、高德、腾讯地图等）
• p标签里面嵌套img标签会出现向上高3像素是什么原因？如何处理？
• 表单可以跨域吗？
• 对于rtl网站的适配有哪些方案？
• 404页面有什么作用？
• 在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面
• 通过设置表单的target="_blank"来下载文件会被浏览器拦截吗？如何解决？
• 如何通过表单下载文件？
• 使用a标签的download属性下载文件会有跨域问题吗？如何解决？
• 页面刷新时sessionStroage会变（会清空）吗？
• canvas透明度是0.6的矩形和透明度是0.2的矩形叠加到一起，透明度是多少？
• 请实现一个文章阅读的进度条
• 请实现一个网站加载进度条
• 开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？
• 怎样禁用页面中的右键、打印、另存为、复制等功能？
• 能否做到禁止打印页面？如果可以那要怎么做？
• 实现一个页面锁屏的功能
• 如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？
• 如何给页面添加追加右键菜单（原右键菜单功能保持不变）
• 请问60*80的canvas占多少内存？你是怎么计算的？
• 精确获取页面元素位置的方式有哪些？
• 跨标签页的通讯方式有哪些
• websocket和http2有什么区别？http2能取代websocket吗？为什么？
• websocket如何区分不同的客户端？
• websocket可以携带cookie吗？为什么？如果可以，怎样做到呢？
• websocket握手成功会返回一个干什么状态吗？是200吗？
• websocket握手阶段是通过什么协议传输的？
• websocket是如何做心跳检测、数据加密、身份验证的？
• http和websocket能共用一个端口吗？为什么？
• websocket和socket有什么区别？
• websocket和http有什么区别？
• 图片上传时实现本地预览功能的原理是什么？
• 你有使用过HTML5 Boilerplate吗？说说你对它的理解
• 切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？
• 说说你对Media Source Extensions(MSE)的理解，它解决了什么问题呢？
• 浏览器是怎么对HTML5的离线储存资源进行管理和加载的
• input如何在各个浏览器下保持UI统一？
• 使用H5实现一个手势密码
• 如何让table的边框双线变单线？
• svg如何转为字体图标？
• webp与jpg、png比较，它有什么优劣势？如何选择？
• 你有使用过webp的图片格式吗？
• html中如何使用svg？
• html5的video如何附带字幕？
• 你有使用过html5的rt标签吗？它有什么应用场景？
• 网页打印与标准纸张换算时，cm和px是如何换算的？
• pre与xmp标签有什么区别？
• 怎样在<pre>标签内不转义<和>符号（原样输出html标签）？
• 页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？
• 如何在网页中打开腾讯QQ？
• 如何在网页中嵌入公司地址的地图？
• 如何扩大CheckBox点击区域
• 如何放大点击的区域？
• 微信公众号如何打开关联的小程序？
• DOM节点的种类有哪些？
• DOM节点的根节点是不是body？
• android手机能同时播放两个video音频吗？
• 你有使用过output标签吗？说说它的用途有哪些？
• 如何使用纯html制作一个进度条？
• 你有使用过template标签吗？说说它的用途有哪些？
• 你有使用过meter标签吗？说说它的用途有哪些？
• 你有使用过blockquote标签吗？说说它的用途有哪些？
• 你有使用过time标签吗？说说它的用途有哪些？
• 如何实现前端代码实时预览效果？
• html如何启动本地的exe应用？
• 浏览器是如何解析html的？
• 举例说明图片懒加载的方案有哪些？
• 请说说input的inputmode属性有什么应用场景？
• html5的游戏引擎你了解多少？都有哪些比较好用的引擎呢？
• html5的Notification桌面通知如何请求权限？
• 使用history路由方式时，你有自己动手配置过服务器端吗？为什么要配服务器端？怎么配？
• history和hash两种路由方式的最大区别是什么？
• 举例说明原生的html组件有哪些？
• 说说html5手势检测原理是什么？
• 怎样在文本框中禁用中文输入法？
• 如何让<p>测试 空格</p>这两个词之间的空格变大？
• 在网格布局中都有哪些概念呢？比如：网格线
• 实现一个面包屑导航的效果
• 如何使用普通元素拥有像textarea元素一样缩放？
• 字体图标加载出来成了小方块，是什么原因呢？如何解决？
• 当网页放大或者缩小后如何让页面布局不乱？
• 实现一个全屏布局
• 你有使用过IE的条件注释吗？
• 实现九宫格布局
• 说说元素上下层叠关系及七阶层叠关系
• 说说你对这几个概念的理解：层叠上下文、层叠等级、层叠顺序
• 实现一个stick-footer布局
• 实现一个居中半透明的模态窗
• 说说你对网格布局的理解
• 写页面布局时你有考虑过分辨率因素吗？还要考虑哪些因素呢？
• div等元素如何阻止点击穿透和实现点击穿透？
• 浏览器的默认字体大小是多少？怎么设计它的基准？
• 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？
• link标签的属性media有哪些值？都有什么作用？
• 如何设置打印尺寸？
• 打印网页的时候，如何让指定的元素另起一页（打印分页）？
• 说下你对组件、模块、元素的理解，它们的区别在哪里？
• 给一个元素加下划线的方法有哪些？
• input元素size属性和width 的区别是什么？
• noscript标签有什么作用？
• 隐藏div内文字的方法有哪些？
• 列举几种多列等高布局的方法
• 列举几种瀑布流布局的方法
• 说说页面中字体渲染规则是怎样的？会有哪些因素影响字体的渲染？
• 你知道什么是粘性布局吗？
• 如何构建“弱网络环境”友好的项目？
• 使用canvas制作一个印章
• 后缀.html和.htm有什么区别？
• html6即将到来，你最期待的是什么特性呢？
• 举例说明锚点定位有什么作用？
• 什么是表单域？它有哪些运用场景？
• 你是如何理解html与css分离的？
• 编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？
• 编写一个布局，让文字环绕在图片的周围
• android手机的微信H5弹出的软键盘挡住了文本框，如何解决？
• input上传图片怎样触发默认拍照功能？
• input上传文件可以同时选择多张吗？怎么设置？
• 如何禁止input输入的历史记录？
• 举例说明Shadow DOM的应用场景有哪些？
• 当html中使用map标签时,area中coords值如何精确定位呢？
• 你有用过图片热区吗？它有什么运用场景？
• html如何创建图片热区（img usemap）？
• 当img标签中的src图片加载失败时，怎么让它变得更美观呢？
• 举例说明当我们在写布局时，都有哪些边界的情况需要关注的？
• 如何去除标签<i>默认斜体？
• 怎样避免让用户看到长时间的白屏？
• 如何使用html5进行图片压缩上传？
• 你知道<a>标签的target属性规定在何处打开链接文档吗？
• 如何禁止移动端的左右划动手势？
• html5点击返回键怎样不让它返回上一页？
• 在普通网页中如何调用html5+的plus对象？
• 你知道什么是html5plus吗？
• 在两个iframe之间传递参数的方法有哪些？
• 怎样使用iframe刷新父级页面？
• 为什么移动端页面的设计稿一般是750px/640px呢？
• iframe可以使用父页面中的资源吗（如：css、js等）？
• iframe在更改了src之后，不出现后退或者前进按钮怎么解决？
• iframe父页面如何获取子页面的元素？
• iframe如何自动调整高度？
• 如何禁止web端的页面缩放？
• 微软雅黑是有版权的，在页面中使用font-family:Microsoft YaHei会不会有版权问题呢？
• 对一个元素设置浮动后，它的特征是什么？
• IE6文字溢出BUG（别名：多出来的猪、谍影重重）怎么解决呢？
• 你知道著名的3像素Bug指的是什么吗？怎么解决呢？
• 可以给内联元素设置宽和高吗？为什么？
• 如何解决input在Firefox和Chrome中高度不一致的问题？
• 给内联元素加float与给块元素加float有什么区别？
• 怎么去除img之间存在的间隔缝隙？
• table中给td设置宽度无效怎么解决？
• 块级元素不能包含其他块级元素有那些？
• html的img标签为什么要添加alt属性呢？
• 说说你对html的嵌套规范的理解，都有哪些规范呢？
• a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？
• html5有哪些应用场景？
• html5应该注意哪些安全的问题？
• 如何在页面上显示Emoji表情？
• 如何在桌面上生成网站的快捷方式图标？
• 举例说明实现文字贯穿线的方法有哪些？
• html标签的属性值是否可以省略引号？为什么？
• HTML5中的article和section有什么区别？
• 怎样去除iOS和Android中的输入URL地址的控件条呢？
• img中的src加载失败时如何用默认图片来替换呢？
• 页面上的登录表单记住了密码（显示星号），但我又忘了密码，如何找回这个密码呢？
• 举例说明写一个button的按钮的方法有哪些？
• 你知道微信端的浏览器内核是什么吗？
• 移动端如何实现长按保存图片（图片上的二维码是动态的）？
• 你有了解video的x5-video-player-type这个属性吗？它的作用是什么呢？
• IOS在播放视频时，有可能会出现短暂的黑屏，如何解决呢？
• 移动端如何使页面横、竖屏？
• iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？
• 移动端如何设置页面以全屏模式运行？
• 解释下什么是CDATA？
• 写html代码时，如果缺少了结束标签，你如何检测及如何预防？
• 写个布局，当页面高度不够时，底部固定在下面，反之不固定
• 使用递归时应该注意哪些问题？
• canvas有哪些渲染上下文？
• 如何禁止html页面缓存？
• 举例说明html的修饰元素有哪些？
• html的标签元素分为哪几大类？分别有什么作用？
• 网站如何自适应手机屏幕？
• 列举下哪些块元素里面不能放哪些块元素呢？
• html中p标签内为何不能嵌套div标签？
• 移动端如何禁止用户手动缩放页面？
• HTML5的video怎样预加载（支持全量加载）？
• HTML5的video怎么取消自动播放？
• HTML5如何隐藏video元素的控制栏、全屏按钮？
• 如果要你实现一个代码（多种语言）高亮的组件，你的思路是什么？
• 关于iframe的跨域你有了解多少？
• https页面加载http的资源会导致页面报错的原因是什么？怎么解决？
• html5怎么判断是否在wifi环境？
• 举例说明html5怎么判断网络状态？
• html5怎么判断app是否安装？
• 移动端滚动穿透是什么原因？有哪些解决方案？
• 你知道移动端的尺寸都有哪些吗？
• 目前移动端的最小点击区域是多少呢？
• html5怎样和Native App进行交互？
• 网站上怎么实现分享到各大平台呢？
• 使用canvas生成一张分享图
• canvas画出来的图是位图还是矢量图？
• 在svg和canvas中你该如何选择？依据是什么？
• canvas的应用场景有哪些？
• 如何将图片画到canvas上？都有哪些方法？
• canvas怎么兼容IE9以下版本？
• 在使用canvas的arc绘制图像时应注意什么？
• 请说说canvas的closePath()与lineTo()的区别是什么？
• 在开发canvas时，你知道什么是非零环绕原则(nonzZero rule) 吗？
• canvas有哪些可以提升性能的优化方法？
• 怎么让整个页面从iframe中跳出来？
• 怎么让table的thead 不动，tbody出现滚动条呢？
• 如何能防止网页禁止被iframe嵌入呢？
• HTML5图像相关的标签有哪些？
• 用什么代替html5中不再支持table的cellspacing和cellpadding属性？
• 如何防止cookie被盗用？
• html的标签<a>除了用作跳转链接外，还有哪些用途？
• 请说说什么是分区响应图？
• table由哪几部分组成？
• 浏览器怪异模式的怪异主要体现在哪方面呢？
• 说说你对IE特有的数据存储userData的理解
• 说说你对iframe属性sandbox的理解，它有什么作用呢？
• 请解释下href="javascript:void(0)"和href="#"的区别是什么？
• 怎样实现每次页面打开时都清除本页缓存？
• 说说你是怎么实现页面阻尼效果的？
• 网站的响应式和自适应有什么区别？
• 解释下为什么说html嵌套级别不宜过多？
• 说出至少十条你理解的html规范
• 如果让你带一个什么都不懂的人入门学前端，你应该怎么带他？
• 你觉得html简单吗？说说你的理由
• 说说你认为html在前端的地位怎么样？
• 当写一个复杂页面的时候，你是怎么布局的？有什么方法论吗？
• 用一句话来描述下你对html的理解
• 关于缓存你了解多少？
• 适配刘海屏的方案有哪些呢？
• HTML5对元素内容进行拼写检查用的是什么属性呢？
• wbr和br标签的区别是什么？
• 在使用HTML5时有哪些规则需要遵守？
• HTML5相比于HTML4有哪些优势？
• canvas怎么解决图片和文字模糊的问题？
• 页面加载后，表单的第一个文本框如何自动获得焦点？
• 你有了解过Applet（Java小程序）吗？
• 你有使用过marquee吗？
• HTML5中required属性有什么应用场景？
• 给单个表格的单元格设置背景色有什么方法？
• 如何自动转移到新的页面？
• 如何防止他人窃取我的源代码或图片？
• HTML的标签这么多，我要全部记住吗？如果不要怎么办？
• 如果在写HTML时漏写了闭合标签，怎么办呢？
• 举例说明表格中如何再嵌套表格
• 你是如何组织html代码的？
• 移动端点击300ms的延迟出现的原因是什么？你的解决方案是什么？
• 你有使用过picture标签吗？说说它有哪些运用场景
• 说下你对DOM树的理解
• canvas的width与height属性的值可不可以带单位？
• 你有使用过HTML5的dialog标签吗？说说看，它有什么特点？
• 解释下为什么<p> </p>会换两行？
• 你知道p标签和br标签两者的区别是什么吗？
• 如何在页面中插入TAB符号（制表符）
• 说下cookie都有哪些缺点？
• 举例说明a标签的作用都有哪些？
• 请举例说明关于html的引用标签有哪些？
• 请举例说明html支持的数学符号有哪些？
• html的标签属性bgcolor支持简写吗？如：bgcolor="#F00"
• 举例说明ul、dl、ol三个标签的区别？
• html的a标签属性rel="noopener"有什么作用？
• 怎么使用HTML5实现录音的功能？
• 主框架如何与iframe通信？如何解决跨域？
• 有哪些方法可以将图片和文字显示在同一行上呢？
• png8和png24有什么区别呢？
• placeholder如何在兼容IE？
• 举例说明如何实现浏览器桌面通知？
• HTML5如何唤醒APP？
• 如何给一个下拉选项进行分组？
• HTML5的output是非常棒的一个标签，你对它有了解吗？
• 举例说明HTML5的标签meter的用法
• 请使用纯HTML制作一个进度条
• 你有用过HTML5的track标签吗？说说它的运用场景有哪些？
• htm、html、shtml三者有什么区别呢？
• 你有用过HTML5的requestAnimationFrame吗？它运用的场景有哪些呢？
• 网站首页有大量的图片，加载很慢，要是你，你该怎么去优化呢？
• 做好的页面都有在哪些浏览器上测过？
• HTML5的哪些新特性是令你最兴奋的？
• img、input标签它们是行内元素还是块级元素？
• HTML的标签区分大小写吗？属性名区分大小写吗？
• HTML的注释有几种写法？有什么规范吗？
• 怎样给radio分组呢？
• 你知道HTML什么是单闭合标签和双闭合标签吗？为何要分为这两种呢？
• 什么是Data URI？
• 你知道有哪些常见的视频（音频）编码格式和视频（音频）格式吗？
• Shadow DOM和Virtual DOM有什么区别？
• meta的属性有哪些组成？说说它们的分别有什么作用？
• 为什么HTML5里面我们不需要DTD？
• 前端路由指的是什么？它有什么好处？它有哪些方式可以实现呢？
• xpath和dom有什么区别？
• 你有使用过HTML5的output吗？说说它的作用是什么？
• HTML5如何调用摄像头？
• 怎么检测浏览器是否支持HTML5特性？
• 举例说明如何使用纯html怎么实现下拉提示的功能？
• 你有使用过figure标签吗？说说你对它的认识，有哪些应用场景？
• 你有用过bdo标签吗？举例说明它的作用是什么？
• HTML5的video在有的移动端设备无法自动播放？怎么解决？
• HTML5有哪些存储类型？它们之间有什么区别？
• 不用h标签、css和js怎么实现多个字的字体连续放大的效果？
• 使用标签怎样对一个单词标志缩写呢？
• 说说你对small标签的认识，有哪些应用场景？
• 举例说明如何在页面中添加数学公式？
• HTML5如何使某个页面元素或整个页面可编辑？
• 怎样把整个页面中的内容设置成只读，不可编辑的状态？
• input的onblur和onchange事件区别是什么？
• 本地存储的生命周期是什么？
• 请说说viewport是什么？在什么时候下使用？有什么作用？
• 说说你对表单属性type="hidden"的理解，它的运用场景有哪些？
• SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？
• 请说说 <pre> 和 <code> 标签的区别？
• 如何实现应用缓存？说说你对manifest的理解
• form标签定义请求类型和请求地址分别是哪个属性？
• 说说你对HTML5的keygen标签的理解，它的作用是什么？
• 如何让textarea标签中的内容原格式输出？
• 请说说应用缓存中的回退和网络分别是什么？
• 如何让textarea高度自适应呢？
• HTML5的服务器(server-sent event)发送事件有什么应用场景？
• 如何刷新浏览器的应用缓存？
• Web Worker线程的限制是什么？
• canvas默认画布的尺寸是多大？怎样设置才能不会变形？
• 触发form表单自动提交的方式有哪些？
• table去除边框的方法有哪些？
• 你知道什么是锚点吗？它的作用是什么？怎么创建一个锚点？
• 请问WebSql是HTML5的一个规范吗？
• 精灵图和base64如何选择呢？
• html的button中的reset有什么作用？
• 请说说Canvas和SVG图形的区别是什么？
• 举例说明table怎么合并行和列的？
• HTML5规范将元素分为哪几个大类？分别说说它们的特点
• 使用canvas画出一个矩形
• 说说form-data、x-www-form-urlencoded、raw、binary的区别是什么？
• 请描述下application cache的更新过程？
• 你知道富文本编辑器的实现原理吗？
• 说说你对富文本的理解，你有用过哪些富文本编辑器呢？
• 有使用过HTML5的跟踪元素吗？说说你对它的理解
• frame和iframe有什么区别？
• 页面布局中的结构与表现分离，那么什么是结构？什么是表现呢？
• 怎样去除html标签之间换行产生的空格？
• 举例说明HTML5的Canvas元素有什么用途？
• 在HTML5中如何组合标题？用哪个元素？
• 你知道checkbox有几种状态吗？它们分别用来表示什么？
• HTML如何创建分区响应图？
• 什么是svg？说说svg有什么运用场景？
• 有好多网站不常用table和iframe这两个元素，知道原因吗？
• 在默认的情况下，使用h1标签呈现出什么效果？
• 网站的TDK该怎么设置？它有什么作用？
• 除了音频和视频，HTML5还支持哪些媒体标签？
• 如何在HTML5页面中嵌入音频和视频？
• 说说HTML中的<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如果不写<! DOCTYPE html> ，页面还会正常工作么？
• 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）吗？在开发过程中要怎么做呢？
• 说说你对<meta>标签的理解
• 说说你对影子(Shadow)DOM的了解
• 解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因
• 请说说<script>、<script async>和<script defer>的区别
• 说说你对属性data-的理解
• 关于<form>标签的enctype属性你有哪些了解？
• js放在html的<body>和<head>有什么区别？
• 谈谈你对input元素中readonly和disabled属性的理解
• 请描述HTML元素的显示优先级
• 说说你对html中的置换元素和非置换元素的理解
• 怎样在页面上实现一个圆形的可点击区域？
• 你认为table的作用和优缺点是什么呢？
• 元素的alt和title有什么区别？
• title与h1的区别、b与strong的区别、i与em的区别？
• 为什么HTML5只需要写<!DOCTYPE HTML>就可以？
• html5中的form怎么关闭自动完成？
• 常见的浏览器内核都有哪些？并介绍下你对内核的理解
• 你对标签语义化的理解是什么？
• viewport常见设置都有哪些？
• 浏览器内多个标签页之间的通信方式有哪些？
• 简述下html5的离线存储原理，同时说明如何使用？
• iframe框架都有哪些优缺点？
• label都有哪些作用？并举相应的例子说明
• 简述超链接target属性的取值和作用
• HTML5的文件离线存储怎么使用，工作原理是什么？
• HTML全局属性(global attribute)有哪些（包含H5）？
• html的元素有哪些（包含H5）？
• 页面导入样式时，使用link和@import有什么区别？