2022年大厂前端面试题汇总（二）
1、Flex的横向平铺填充
让父元素触发弹性和也就是display:flex;然后让所有的子元素均分使用flex:1;代码如下：
```html
<div style="width: 1000px;height: 500px;display: flex;">
<span style="flex:1;">1</span>
<span style="flex:1;">2</span>
<span style="flex:1;">3</span>
<span style="flex:1;">4</span>
<span style="flex:1;">5</span>
</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> 元素。
案例如下：
-->
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</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培训服务经验，采用全程面授高品质、高体验培养模式，拥有国内一体化教学管理及学员服务，助力更多学员实现高薪梦想。
