2021最全面、最详细web前端面试题及答案总结
总结不易,希望可以帮助到即将面试或还在学习中的web前端小伙伴,祝面试顺利,拿高薪!
本章是HTML考点的重难点,因此我们采简略回答的式进撰写,所以不会有太多详细的解释。我们约定,每个问题后我们标记『 』的为频试题
doctype的作是什么?
DOCTYPE是html5标准声明,且必须声明在HTML档的第。来告知浏览器的解析器什么档标准解析这个
档,不同的渲染模式会影响到浏览器对于 CSS 代码甚 JavaScript 脚本的解析
档解析类型有:
BackCompat:怪异模式,浏览器使的怪异模式解析渲染。(如果没有声明DOCTYPE,默认就是这个模式)
CSS1Compat:标准模式,浏览器使W3C的标准解析渲染。
IE8还有种介乎于上述两者之间的近乎标准的模式,但是基本淘汰了。
这三种模式的区别是什么?
标准模式(standards mode):按照 HTML 与 CSS 的定义渲染怪异模式(quirks mode)模式: 会模拟更旧的浏览器的为
近乎标准(almost standards)模式: 会实施了种表单元格尺的怪异为(与IE7之前的单元格布局式致), 除此之外符合标准定义
HTML、XHTML、XML有什么区别?
HTML(超本标记语): 在html4.0之前HTML先有实现再有标准,导致HTML常混乱和松散
XML(可扩展标记语): 主要于存储数据和结构,可扩展,家熟悉的JSON也是相似的作,但是更加轻量效,所以XML现在市场越来越了
XHTML(可扩展超本标记语): 基于上两者来,W3C为了解决HTML混乱问题,并基于此诞了
HTML5,开头加 的做法因此来,如果不加就是兼容混乱的HTML,加了就是标准模式。
什么是data-属性?
HTML的数据属性,于将数据储存于标准的HTML元素中作为额外信息,我们可以通过js访问并操作它,来达到操作数据的的。
前端框架出现之后,这种法已经不流了
你对HTML语义化的理解?
语义化是指使恰当语义的html标签,让具有良好的结构与含义,如
标签就代表段落,
代表正内容等等。
语义化的好处主要有两点:
开发者友好:使语义类标签增强了可读性,开发者也能够清晰地看出的结构,也更为便于团队的开发和维护机器友好:带有语义的字表现丰富,更适合搜索引擎的爬爬取有效信息,语义类还可以持读屏软件,根据
章可以动成录
这对于简书、知乎这种富本类的应很重要,语义化对于其站的内容传播有很的帮助,但是对于功能性的web软件重要性打折扣,如个按钮、Skeleton这种组件根本没有对应的语义,也不需要什么SEO。