2025年web前端面试题目汇总 .pdfVIP

天将降大任于斯人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行拂乱其所为。——《孟子》

必威体育精装版前端开发工程师面试题——HTML部分

1、Doctype作用?严格形式与混杂形式如何区分？它们有何意义?

〔1〕、声明位于文档中的最前面，处于标签之前。告知阅读器的解析器，

用什么文档类型标准来解析这个文档。

〔2〕、严格形式的排版和JS运作形式是以该阅读器支持的最高标准运

行。

〔3〕、在混杂形式中，页面以宽松的向后兼容的方式显示。模拟老式阅读器

的行为以防止站点无法工作。

〔4〕、DOCTYPE不存在或格式不正确会导致文档以混杂形式呈现。

2、行内元素有哪些？块级元素有哪些？

〔1〕CSS标准规定，每个元素都有display属性，确定该元素的类型，每个

元素都有默认的display值，比方div默认display属性值为“block〞，成为

“块级〞元素；span默认display属性值为“inline〞，是“行内〞元素。

〔2〕行内元素有：abspanimginputselectstrong〔强调的语气〕块

级元素有：divulollidldtddh1h2h3h4…p

3、link和@import的区别是？

〔1〕link属于XHTML标签，而@import是CSS提供的;

君子忧道不忧贫。——孔丘

〔2〕页面被加载的时，link会同时被加载，而@import引用的CSS会等到

页面被加载完再加载;

〔3〕import只在IE5以上才能识别，而link是XHTML标签，无兼容问

题;

〔4〕link方式的款式的权重高于@import的权重.

4、阅读器的内核分别是什么?

IE阅读器的内核Trident、Mozilla的Gecko、Chrome的Blink〔WebKit的分

支〕、Opera内核原为Presto，现为Blink；

5、HTML5有哪些新特性？如何处理HTML5新标签的阅读器兼容问题？如何区

分HTML和HTML5？

HTML5如今已经不是SGML的子集，主要是关于图像，位置，存储，多任务等

功能的增加。

绘画canvas用于媒介回放的video和audio元素本地离线存

储localStorage长期存储数据，阅读器关闭后数据不丧失；sessionStorage

的数据在阅读器关闭后自动删除语意化更好的内容元素，比方article、

footer、header、nav、section表单控件，calendar、date、time、email、

url、search新的技术webworker,websockt,Geolocation

6、对语义化如何理解？

以家为家，以乡为乡，以国为国，以天下为天下。——《管子》

用正确的标签做正确的事情！

HTML语义化就是让页面的内容构造化，便于对阅读器、有哪些信誉好的足球投注网站引擎解析；在

没有款式CCS情况下也以一种文档格式显示，并且是容易阅读的。有哪些信誉好的足球投注网站引擎的爬

虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。使阅读源代码的人

对网站更容易将网站分块，便于阅读维护理解。

7、HTML5的离线储存有几种方式？

lo