Web前端2019年各大厂经典面试题整理分享

春节过后，又是新的一年开始，很多要换行业换工作换岗位的都开始了新一轮的跳槽，那么想要在众多的求职者中让自己脱颖而出呢？怎么样能使得自己更有效的拿到高薪的offer呢？今天千锋老师给大家整理了各大厂常出现的web前端面试题，相信对于很多同学来说看完会有一定的帮助。

1.请说明 HTML 文档中 DTD 的意义和作用（酷讯）

DTD，文档类型定义，是一种保证 html 文档格式正确的有效方法，在解析网页时，浏览器将使用 DTD 来检查页面的有效性（是否符合规范，元素和标签使用是否正确）并且采取相应的措施。同时它还会影响浏览器的渲染模式（工作模式）。

2.准确的指出以下代码的显示结果（酷讯）

结果如图所示：

1.指出以下代码的显示结果（酷讯）

a	d
	b
c

显示效果如图：

1.如何产生带有数字列表符号的列表？（ ）

A.

B.

C.

D.

答案：C

5. 如何显示没有下划线的超链接？（）

A. a {text-decoration:none}

B. a {text-decoration:no underline}

C. a {underline:none}

D. a {decoration:no underline}

答案：A

6. 以下一段 XHTML 代码片段，它不符合 W3C 规范，请问出现了几处错误？

• 
• 印度总理辛格访华专题

• • 专访辛格：早日解决边界问题是战略目标
  • 辛格称北京奥运将为印度举办赛事提供灵感
  • 印度总理辛格访华参观北京奥运场馆建设

有一处，div 和 ul 有一个相同的 id 属性 newsmore。

1.请描述出两点以上 XHTML 和 HTML 最显著的区别

(1).XHTML 必须强制指定文档类型 DocType，HTML 不需要

(2).XHTML 所有标签必须闭合，HTML 比较随意

(3).XHTML 严格区分大小写，所有标签的元素和属性的名字都必须使用小写

(4).XHTML 要求所有的标记都必须要有一个相应的结束标记

(5).XHTML 规定所有属性都必须有一个值，没有值的就重复本身

1.请问，div 和 span, p 标签三者间的区别 (YG)

从语义化的角度来讲，div和span标签对于它们包含的元素是没有意义的，而p标签则是

一个语义化标签，表示一个段落。所以div 和 span 一般是用来布局。

从显示的角度来讲，span 是内联的，用在一小块的内联 HTML 中，前后不断行，div 元素是块级的，等同于其前后有断行，p 元素是块级的，前后断行，而且还要再隔一行，相当于断两行。

2.CSS 中 class 和 id 的区别(YG)

id：每个页 ID 是唯一的不能重复。 class：可以设置多个 class 为同一个值。

3.请列举几个 meta 元素(YG)

//向搜索引擎说明你的网页的关键词

//告诉搜索引擎你的站点的主要内容

//告诉搜索引擎你的站点的制作的作者

//指定字符集

//定时让网页在指定的时间 n 内跳转

// 可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用 GMT 时间格式

//禁用缓存

http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">

//cookie 设定，如果网页过期，存盘的 cookie 将被删除。需要注意的也是必须使用 GMT 时间格式

1.怪异模式和 XHTML 模式下 IE 的宽的区别(YG)

所谓的标准模式是指，浏览器按 W3C 标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。

浏览器解析时到底使用标准模式还是怪异模式，与你网页中的 DTD 声明直接相关，DTD 声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略 DTD 声明,将使网页进入怪异模式(quirks mode)。

在 XHTML 模式下，声明一个元素的宽度，仅仅指的是在 css 中设置的 width，而在怪

异模式下，元素的宽度包括 width 和 padding。

1.实现框架的标签，使用举例(YG)

2.请写出以下 html 标签的含义：input form script style table b img （小米）

标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。