1. 【基礎】請說出Xhtml和HTML的區別？
1、文檔頂部doctype聲明不同，xhtml的doctype頂部聲明中明確規定了xhtml DTD的寫法。
2、html元素必須正確嵌套，不能亂。
3、屬性必須是小寫的。
4、屬性值必須加引號。
5、標簽必須有結束，單標簽也應該用“/”來結束掉。
2. 【基礎】寫出以下幾個HTML標簽：加粗、下標、居中、字體？
加粗：<b>、<strong> 下標：<sub> 居中：<center> 字體：<font>、<basefont>
3. 【基礎】網頁驗證碼是干嘛的，是為了解決什么安全問題？
1、區分用戶是計算機還是人的程序。
2、可以防止惡意破解密碼、刷票、論壇灌水。
4. 【中級】簡述一下src與href的區別？
1、src用于替換當前元素；href用于在當前文檔和引用資源之間確立聯系。
2、src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位；href是Hypertext Reference的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接。
5. 【中級】<image>標簽上title屬性與alt屬性的區別是什么？
在alt和title同時設置的時候，alt作為圖片的替代文字出現，title是圖片的解釋文字。
6. 【中級】form標簽上定義請求類型的是哪個屬性？定義請求地址的是哪個屬性？
form表單定義請求類型的是 method 屬性，定義請求地址的是 action屬性。
7. 【中級】iframe框架有那些優缺點？
優點：
1、iframe能夠原封不動的把嵌入的網頁展現出來。
2、如果有多個網頁引用iframe，那么你只需要修改iframe的內容，就可以實現調用的每一個頁面內容的更改，方便快捷。
3、網頁如果為了統一風格，頭部和版本都是一樣的，就可以寫成一個頁面，用iframe來嵌套，可以增加代碼的可重用。
4、如果遇到加載緩慢的第三方內容如圖標和廣告，這些問題可以由iframe來解決。
缺點：
1、搜索引擎的爬蟲程序無法解讀這種頁面
2、框架結構中出現各種滾動條
3、使用框架結構時，保證設置正確的導航鏈接。
4、iframe頁面會增加服務器的http請求。
8. 【高級】很多網站不常用table、iframe這兩個元素，知道原因嗎？
因為瀏覽器頁面渲染的時候是從上至下的，而table和iframe 這兩種元素會改變這樣渲染規則，他們是要等待自己元素內的內容加載完才整體渲染。用戶體驗會很不友好。
9. 【高級】cookies，sessionStorage和localStorage的區別？
共同點：都是保存在瀏覽器端，且是同源的。
區別：
1、cookies是為了標識用戶身份而存儲在用戶本地終端上的數據，始終在同源http請求中攜帶，即cookies在瀏覽器和服務器間來回傳遞，而sessionstorage和localstorage不會自動把數據發給服務器，僅在本地保存
2、存儲大小的限制不同。cookie保存的數據很小，不能超過4k，而sessionstorage和localstorage保存的數據大，可達到5M。
3、數據的有效期不同。cookie在設置的cookie過期時間之前一直有效，即使窗口或者瀏覽器關閉。sessionstorage僅在瀏覽器窗口關閉之前有效。localstorage始終有效，窗口和瀏覽器關閉也一直保存，用作長久數據保存。
4、作用域不同。cookie在所有的同源窗口都是共享；sessionstorage不在不同的瀏覽器共享，即使同一頁面；localstorage在所有同源窗口都是共享。
10. 【高級】請用html知識解決seo優化問題？
1、meta標簽，這個是重中之重
2、頁面結構清晰，
3、logo，給logo圖片添加h1標簽、a鏈接連接到首頁以及alt
4、img標簽，img標簽增加alt屬性，這個logo的時候也提到了
5、h1~h6標簽
6、前后端分離（vue、ajax）、flash不利于seo
7、增加外部鏈接。
