{首页主词},&

　　1、Flex的橫向平鋪填充

　　讓父元素觸發(fā)彈性和也就是display:flex;然后讓所有的子元素均分使用flex:1;代碼如下：

```html

</div>

```

　　2、flex用法場景

　　- 場景一：移動端和PC端布局中;能夠高效解決間距調(diào)整的問題(移動端布局和PC端布局)

　　- 場景二：能快速高效實現(xiàn)元素水平垂直居中(點擊刪除的彈窗)

　　- 場景三：能夠?qū)崿F(xiàn)快速元素均分，避免了百分比設(shè)置的不確定性

　　- 場景四：快速實現(xiàn)多列布局，能高效實現(xiàn)瀑布流布局

　　- 場景五：后臺管理系統(tǒng)的兩欄和三欄布局

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

　　- H5新增的新的特性

　　- 新的語義元素，比如 , , , and 。

　　- 新的表單控件，比如數(shù)字、日期、時間、日歷和滑塊。

　　- 強大的圖像支持(借由和 )

　　- 強大的多媒體支持(借由和 )

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

　　- H5刪除了哪些內(nèi)容：以下 HTML 4.01 元素已從 HTML5 中刪除：

- <acronym>

- <applet>

- <basefont>

- <big>

- <center>

- <dir>

- <font>

- <frame>

- <frameset>

- <noframes>

- <strike>

- <tt>

　　4、Html5中datalist是什么？

```html

<!--

含義和概念：

<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項列表。是HTML5新增的一個標(biāo)簽

<datalist> 標(biāo)簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表，里邊的選項是預(yù)先定義好的，將作為用戶的輸入數(shù)據(jù)。

請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。

案例如下：

-->

</datalist>

```

　　5、Html和xhtml有什么區(qū)別？

　　- **含義不同：**HTML是一種基本的WEB網(wǎng)頁設(shè)計語言，XHTML是一個基于XMl的置標(biāo)語言

　　- **最主要的不同**

　　- XHTML元素必須被正確地嵌套。

　　- XHTML元素必須被關(guān)閉

　　- XHTML標(biāo)簽名必須用小寫字母

　　- XHTMl文檔必須擁有根元素在XHTML中，、、都是必需的標(biāo)簽。

　　- XHTML必須設(shè)置標(biāo)簽的xmlns屬性。

　　- XHTML任何屬性值要么用單引號引起來，要么用雙引號引起來。如class=page就是不合法的，而

　　class='page'和class="page"均是合法的。所有屬性必須有值。有些屬性，比如標(biāo)簽的checked屬性，在HTML中可以使用簡寫形式，即數(shù)據(jù)，然后在XHTML中，必須這樣編寫：數(shù)據(jù)。

　　更多關(guān)于前端培訓(xùn)的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年 IT培訓(xùn)服務(wù)經(jīng)驗，采用全程面授高品質(zhì)、高體驗培養(yǎng)模式，擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實現(xiàn)高薪夢想。

2022年大廠前端面試題匯總（二）