阿西河前端教程

首页朱安邦的博客安邦聊前端前端公众号推荐

⬆

手机阅读

HTML 面试题

基本包涵了市场上的所有 HTML 方面的面试题

可以通过按 Ctrl+F 搜索快速定位

HTML5HTML5: HTML5有哪些新特性?; html5有哪些新特性、移除了哪些元素？; 请写出至少5个 html5新增的标签和使用场景; HTML5引入什么新的表单属性; 与HTML4相比HTML5废弃了哪些元素; 如何处理HTML5新标签的浏览器兼容问题; 如何区分HTML和HTML5; HTML5 为什么只需要写 <!DOCTYPE>; HTML5新的doctype和charset是什么？; Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?; 如何在HTML5页面嵌入音频？; 如何在HTML5页面嵌入视频？; HTML5支持哪些新媒体元素？; HTML5的form如何关闭自动完成功能; HTML5 canvas 元素是怎么使用的; Canvas绘制的图形如何保存时加上二维码; Doctype 的作用，严格模式与混杂模式如何区分？; 你知道多少种 Doctype 文档类型？

缓存Coookie: Cookie有哪些弊端; JS操作获取和设置cookie; cookies,sessionStorage,localStorage 的区别; 请描述⼀下 cookies ， sessionStorage 和 localStorage 的区别？; 浏览器本地存储是怎么样的; HTML5应用缓存和常规的HTML浏览器缓存有何区别; web storage和cookie的区别

离线存储worker: HTML5的离线储存的使用和原理; HTML5 的离线储存怎么使⽤，⼯作原理能不能解释⼀下？; 浏览器是怎么对 HTML5 的离线储存资源进⾏管理和加载的呢; 浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的; 什么是 Cookie 隔离？

标签问题Tag: table 和 div+css 的区别; 说你对 HTML 语义化的理解; iframe 的优缺点; iframe有那些缺点？; Label 的作用是什么？是怎么用的？; tite 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？; 举例解释 strong 和 em 标签用法有何不同？; 怎么用 CSS 控制块级元素与行内元素以及如何合理使用; 行内元素有哪些？块级元素有哪些？空 (void) 元素有那些？; 列举 HTML 标签中的行内元素，块级元素; 如何在页面上实现一个圆形的可点击区域; 聊聊 meta 标签; SVG 是什么; Canvas 和 SVG 图形的区别是什么

属性问题Attr: HTML ‘data-‘属性的作用是什么？; herf 和 src 的区别; 锚点的作用是什么？如何设置锚点; 页面导入样式时，使用 link 和 @import 有什么区别？; defer 和 async 的区别; 网页中 mate viewport 具体参数使用; 怎样处理移动端 1px 被渲染成 2px 问题？

通信Tag: 如何实现浏览器内多个标签页之间的通信？; 如何在两个浏览器窗口间通信？; webSocket 如何兼容低版本浏览器; img 中的 alt 和元素的 title 属性作用

其它Attr: 浏览器是如何渲染页面的; HTML 和 XHTML 两者有什么区别; xhtml和html有什么区别; html 常见的兼容性问题; 实现不使用 border 画出 1px 高的线; 介绍一下你对浏览器内核的理解？; WEB 标准是什么; 页面可见性（Page Visibility）API 用途; 网页验证码是干嘛的，是为了解决什么安全问题; 对 WEB 标准以及 W3C 的理解与认识; 如何写出高性能的 HTML; CSS 和 JS 的引用放在 HTML 的哪里

其他XXX: ⾏内元素有哪些？块级元素有哪些？空(void)元素有那些？⾏内元素和块级元素有什么区别？; HTML全局属性(global attribute)有哪些; HTML viewport; meta viewport相关; a：img的alt与title有何异同？b：strong与em的异同？; 简述⼀下src与href的区别？; 知道的⽹⻚制作会⽤到的图⽚格式有哪些？