HTML面試
題目
1、doctype的意義是什麼
這是有歷史背景的，很久以前ie有一些自己的渲染模式。最典型的就是盒子模型，我麼都知道一個元素他如果是width寬度的話那麼他實際佔的寬度還會包括他的padding和margin ，ie來說如果設置的寬度爲200px，padding 10px，那麼整個區域可能是180,但是標準的盒子模型它事實上寬度可能是220，後來就出現了一個解決方案，如果帶上doctype那麼ie就會以標準模式渲染。
所以他的意義：
- 讓瀏覽器標準模式渲染（不只是IE）
- 讓瀏覽器知道元素的合法性(寫的是html4那麼有的元素可能不合法，如果是Xhtml那麼元素不閉合，屬性值不加引號等就是不合法的)
2、HTML、XHTML、HTML5的關係
- HTML是屬於SGML的一個應用（SGML是一個非常通用的標記語言）
- XHTML是屬於Xml，是HTML進行HTML嚴格化的結果
- HTML5不屬於SGML和XML，比XHTML寬鬆
3、HTML5有什麼變化
- 新的語義化的元素（section、article、header、footer、nav等，能方便的寫出更加有語義化的元素）
- 表單增強
- 新的API（離線、音視頻、圖形、實時通信、本地儲存、設備能力）
- 分類和嵌套規則的變更（a中可以嵌套塊級元素）
4、em和i有什麼區別
- em是語義化標籤，表示強調
- i是一個純樣式的標籤，表示斜體
- html中i不推薦使用，一般用作圖標
5、語義化的意義是什麼
- 開發者容易理解，易於維護
- 機器容易理解（搜索、盲人讀屏軟件）
- 有益於SEO
- semantic microdata（進行標記）
6、哪些元素可以自閉和
- 表單元素input
- 圖片img
- br、hr
- meta、link
7、HTML和DOM的關係
- HTML是死的（所謂的結構只是看起來有結構而已）
- DOM是有HTML解析而來，是活的，是瀏覽器內存中的一個結構，是一個樹形結構
- js真正去維護的是DOM
8、property和attribute的區別
- attribute是死的
- property是活的
9、form的作用
- 直接提交表單
- 使用submit和reset按鈕
- 便於瀏覽器保存表單
- 第三方庫可以整體提取值
- 第三方庫進行表單驗證