HTML、CSS初級前端試題彙總(持續補充)

1.瀏覽器內核

  • IE:trident 前綴:-ms-
  • Firefox:gecko 前綴:-moz-
  • Safari:webkit 前綴:-webkit-
  • Opera:以前是presto,現在是Blink 前綴:-o-
  • Chrome:Blink 前綴:-webkit-

2.HTML文件開頭的DOCTYPE是幹什麼的?

< !DOCTYPE >聲明位於文檔最前,在< html >標籤之前。

告訴瀏覽器文檔按何種HTML或者XHTML規範解析頁面

3.瀏覽器在一次HTTP請求中,需要傳輸一個4097字節的文本數據給服務器,可以採用那些方式?【需要進一步理解!!!】

用post方式:向服務器傳送數據,數據量較大

Cookie:通過在客戶端(瀏覽器)記錄信息確定用戶身份,最大爲4kb
IndexdDB:HTML5本地存儲,把一些數據儲存到瀏覽器(客戶端)中,當網絡斷開時,可以從瀏覽器讀取離線應用
url:用get方法,從服務器上獲取數據,大小不能超過2kb local
Storage:HTML5本地存儲,將數據保存在客戶端(一般爲永久的)

4.置換元素:展現不是由css來控制的元素。

< img> < object> < video> < textarea> < input>

5.display:none;和visibility:hidden;【實際應用???】

display:none;不爲被隱藏的對象保留其物理空間
visibility:hidden;所佔據的空間位置仍然存在,僅爲視覺上的完全透明

6.Quirks(怪異模式)是什麼?和Standards模式有什麼區別

  1. Standards標準模式: IE6開始引入。瀏覽器給符合標準的文檔在規範上正確處理在指定瀏覽器中。
  2. 背景: IE6之前css不成熟,IE5等之前的瀏覽器對css的支持很差,IE6對css提供更好的支持。
  3. 產生的問題:對基於舊佈局方式寫的頁面,IE6支持的CSS會顯示不正常。如何保證不破壞現有的頁面,又提供新的渲染機制?
  4. 解決辦法:增加參數和分支。參數爲真,則使用新功能;參數爲假,則使用舊功能。
  5. Quirks怪異模式: IE6將DTD當成了這個參數。以前的頁面不寫DTD,IE6假定寫了DTD,頁面將採用CSS支持更好的佈局;沒寫DTD,則採用之前舊的佈局方式。
  6. 區別:
發佈了47 篇原創文章 · 獲贊 3 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章