常见web前端面试问题及答案分享

答案:行内元素:会水平排列，不能包含块级元素。设置宽度无效，高度无效(可设置行高)，上下边距无效，上下填充无效。块级元素:各占一行，垂直排列。从新的一行开始，以虚线结束。兼容性:显示:内嵌-块；*显示:内嵌；*缩放比例:1 .

2.盒子大小的共同属性是什么？有什么区别？

答:框大小:内容框|边框框|继承。内容框:宽度和高度分别应用于元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素的默认效果)。

Border-box:由元素指定的任何内部边距和边框都将在设置的宽度和高度内绘制。内容的宽度和高度可以通过分别从设置的宽度和高度中减去边框和内边距来获得。

3.Doctype的作用是什么？标准模式和兼容模式有什么区别？

回答:告诉浏览器解析器用什么文档标准来解析这个文档。DOCTYPE不存在或格式不正确，这将导致文档以兼容模式显示。

标准模式和JS操作模式的排版都是运行在这个浏览器支持的最高标准。在兼容模式下，页面以松散的向后兼容方式显示，模拟旧浏览器的行为，防止站点工作。

4.html5有哪些新特性？如何处理新HTML5标签的浏览器兼容性？如何区分HTML和HTML5？

答:HTML5现在不是SGML的子集，主要是关于图片、位置、存储、多任务等功能的增加。

(1)绘画画布；

(2)用于媒体回放的视频和音频元素；

(3)本地离线存储长期存储数据，关闭浏览器后数据不会丢失；

(4)浏览器关闭后，4)sessionStorage的数据自动删除；

(5)语义较好的内容元素，如文章、页脚、页眉、nav、section

(6)表单控件，如日历、日期、时间、电子邮件、url和搜索；

(Webworker、WebSocket、地理定位等新技术；

IE8/IE7/IE6支持由document.createElement方法生成的标签。这个特性可以用来让这些浏览器支持新的HTML5标签。浏览器支持新标签后，需要添加标签的默认样式。当然也可以直接使用成熟的框架，比如html5shim。

以上是环球艾维边肖在web前端分享的面试问题。希望对大家有帮助。想了解更多，请关注本平台，及时查看！