2022年大厂前端面试题汇总（二）

　　1、Flex的横向平铺填充

　　让父元素触发弹性和也就是display:flex;然后让所有的子元素均分使用flex:1;代码如下：

```html

</div>

```

　　2、flex用法场景

　　- 场景一：移动端和PC端布局中;能够高效解决间距调整的问题(移动端布局和PC端布局)

　　- 场景二：能快速高效实现元素水平垂直居中(点击删除的弹窗)

　　- 场景三：能够实现快速元素均分，避免了百分比设置的不确定性

　　- 场景四：快速实现多列布局，能高效实现瀑布流布局

　　- 场景五：后台管理系统的两栏和三栏布局

　　3、html5有哪些新特性、移除了那些元素？

　　- H5新增的新的特性

　　- 新的语义元素，比如 , , , and 。

　　- 新的表单控件，比如数字、日期、时间、日历和滑块。

　　- 强大的图像支持(借由和 )

　　- 强大的多媒体支持(借由和 )

　　- 强大的新 API，比如用本地存储取代 cookie。

　　- H5删除了哪些内容：以下 HTML 4.01 元素已从 HTML5 中删除：

- <acronym>

- <applet>

- <basefont>

- <big>

- <center>

- <dir>

- <font>

- <frame>

- <frameset>

- <noframes>

- <strike>

- <tt>

　　4、Html5中datalist是什么？

```html

<!--

含义和概念：

<datalist> 标签规定了 <input> 元素可能的选项列表。是HTML5新增的一个标签

<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。

请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。

案例如下：

-->

</datalist>

```

　　5、Html和xhtml有什么区别？

　　- **含义不同：**HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言

　　- **最主要的不同**

　　- XHTML元素必须被正确地嵌套。

　　- XHTML元素必须被关闭

　　- XHTML标签名必须用小写字母

　　- XHTMl文档必须拥有根元素在XHTML中，、、都是必需的标签。

　　- XHTML必须设置标签的xmlns属性。

　　- XHTML任何属性值要么用单引号引起来，要么用双引号引起来。如class=page就是不合法的，而

　　class='page'和class="page"均是合法的。所有属性必须有值。有些属性，比如标签的checked属性，在HTML中可以使用简写形式，即数据，然后在XHTML中，必须这样编写：数据。

　　更多关于前端培训的问题，欢迎咨询千锋教育在线名师。千锋教育拥有多年 IT培训服务经验，采用全程面授高品质、高体验培养模式，拥有国内一体化教学管理及学员服务，助力更多学员实现高薪梦想。