HTML面試常見問題


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按鈕

便於瀏覽器保存表單

第三方庫可以整體提取表單

第三方庫可以進行表單驗證

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM