前端面試題彙總-HTML篇
1.DOCTYPE（文件型別）的作用是什麼？
//
DOCTYPE是docunment type（文件定義）的簡寫，用來說明web設計中所用的html或xhtml的型別，指出瀏覽器或者其他閱讀程式按照什麼樣的規則集去解釋文件中的標記.
2.瀏覽器標準模式 (standards mode) 、幾乎標準模式（almost standards mode）和怪異模式 (quirks mode) 之間的區別是什麼？
@產生的歷史原因是啥？
@怪異模式有哪些怪異的行為？
//
標準模式：對瀏覽器的渲染有統一的標準 && 怪異模式：沒有統一的標準
@保證舊頁面的正常顯示，保持瀏覽器的相容性，瀏覽器上就產生了能夠相容嚴格模式和怪異模式的標準模式。
@區別是：
1.怪癖模式中 ：width是元素的實際寬度；
2.給span等行內元素設定wdith和height會生效；
3.margin:0 auto會失效；
4.圖片的padding會失效；
5.Table中的字型屬性不能繼承上層的設定；
6.white-space:pre會失效；
3.使用 data- 屬性的好處是什麼？
//
自定義屬性在dataset物件中統一管理，遍歷很方便，至於零零散散;
可以利用這一點在生成DOM結構時把資料儲存在自定義屬性中,通過一系列互動操作,可以再獲得這些資料,而不再用ajax去後臺取得資料。
4.如果把 HTML5 看作做一個開放平臺，那它的構建模組有哪些？
//
標籤及屬性 地理位置 畫布 視訊 音訊 拖放 微資料 應用快取 Web儲存 web workers 伺服器傳送事件
5.cookies、sessionStorage 和localStorage 的區別
//
1.sessionStorage是會話級別儲存,頁面關閉時資料就會銷燬./儲存量一般有5-10M./數量無限制
2.localStorage是持久化的本地儲存,不刪除資料,資料是不會銷燬的./儲存量一般有5-10M./數量無限制
3.每次傳送HTTP請求時會將cookie新增到Cookie頭欄位,傳送給伺服器./儲存量不能超過4K./cookie的個數有限制
6.請解釋 <script>、<script async> 和 <script defer> 的區別。
//
1.首先<script async>和<script defer>都是非同步載入js檔案；
2.區別是：async在載入完之後自動執行；
defer:在所有元素解析完之後；
7.為什麼通常推薦將CSS<link>放置在<head></head>之間，而將JS<script>放置在</body>之前？你知道有哪些例外嗎？
//
作用：當頁面渲染完成再去執行< script>，防止頁面阻塞。
例外：希望DOM還沒載入必須需要先載入的js會放置在<head>中,有些加了defer、async的<script>也會放在< head>中。
8.什麼是漸進式渲染 (progressive rendering)？
//
服務端渲染區域性, 客戶端渲染區域性。
9.HTML 和 XHTML 有什麼區別？
//
最主要的不同：
XHTML 元素必須被正確地巢狀。
XHTML 元素必須被關閉。
標籤名必須用小寫字母。
XHTML 文件必須擁有根元素。
10.html5新標籤
//
https://baijiahao.baidu.com/s?id=1610009242466400261&wfr=spider&for=pc