1. doctype的意義是什么?
讓瀏覽器以標准模式渲染
讓瀏覽器知道元素的合法性
2.html,xhtml,html5之間有什么關系?
HTML屬於SGML
XHTML屬於XML(HTML是XML嚴格化的結果)
HTML5不屬於SGML或XML,比XHTML寬松
3.HTML5帶來了哪些變化?
新的語義化元素(section,nav,sidebar...)
表單增強(html5驗證)
新的API(離線,音視頻,canvas ,svg, 本地存儲 )
分類和嵌套的變更
4.em和i有什么區別?
em是語義化的標簽,表強調
i 標簽是純樣式化的標簽,表示斜體,現在更多用於做icon
html5中不推薦使用 i 標簽,現在一般用於做icon
5.input標簽的name屬性有什么意義?
name 屬性規定 <input> 元素的名稱。
name 屬性用於在 JavaScript 中引用元素,或者在表單提交后引用表單數據。
注意:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
6.label標簽的for屬性有什么意義?
label可以通過for和<input type = "check" name ="xxx">的name進行綁定
起到點擊label時等同於點擊了input的作用
7.通過ajax提交的情況下,是否需要form?
submit,reset等type需要form才可以使用
jq中有針對form的獲取表單數據的方法
框架或驗證組件可以更好地做表單驗證
對用戶十分友好
凡是涉及到表單元素的地方都建議放上form標簽
8.如何理解HTML?
HTML可以看做是一種文檔, 一種結構,骨架,尤其是html5新增標簽讓這種結構增色不少。
9.HTML元素的嵌套關系是如何的?
塊級元素可以包含行內元素
塊級元素不一定能包含塊級元素
行內元素一般不能包含塊級元素(a元素是個例外)
10.為什么a元素包裹div元素是合法的?
a標簽能否包含div取決於a元素的上層元素,如果a元素的上層元素能夠包含div,則可以,否則不可以(相當於a是透明的)
11.如何理解語義化?
讓人更容易讀懂(增加代碼可讀性)
機器容易理解結構(搜索,讀屏軟件)
有助於SEO(讓搜索引擎更容易讀懂)
12.默認情況下,哪些HTML標簽是塊級元素?哪些標簽是內聯元素?
塊級元素:display:block/table;有div h1 h2 table ul ol p等(獨占一行)
內聯元素:display:inline/inline-block;有span img input button等
13.哪些元素可以自閉和?
input img br hr meta link
14.HTML和DOM的關系是什么?
HTML是死的,就是一個字符串而已,而DOM是由HTML解析而來的,是活的,我們可以通過JS維護DOM(DOM操作)
15.property和attribute的區別是什么?
attribute是死的,是HTML中標簽上的屬性
property是活的,是DOM樹上的屬性
兩者之間是不會相互影響的
16.form的作用有哪些?
直接提交表單
可以使用submit/reset按鈕
便於瀏覽器保存表單
第三方庫可以整體提取表單
第三方庫可以進行表單驗證