1. 程式人生 > >HTML基礎知識點一

HTML基礎知識點一

1、瀏覽器核心都有哪些?分別是哪種瀏覽器使用?

IE: trident 核心 Firefox:gecko 核心 Safari:webkit 核心 Opera:以前是presto 核心,Opera 現已改用Google Chrome 的Blink 核心 Chrome:Blink(基於webkit,Google 與Opera Software 共同開發)

2、Doctype文件宣告是用來幹什麼的?

宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種HTML 或XHTML 規範。**(重點:告訴瀏覽器按照何種規範解析頁面)**

3、優雅降級與漸進增強之間的不同點?

漸進增強progressive enhancement:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。 優雅降級graceful degradation:一開始就構建完整的功能,然後再針對低版本瀏覽器進行相容。 區別:優雅降級是從複雜的現狀開始,並試圖減少使用者體驗的供給,而漸進增強則是從一個非常基礎的,能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。優雅降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處於安全地帶。 (1)、“優雅降級”觀點 “優雅降級”觀點認為應該針對那些最高階、最完善的瀏覽器來設計網站。而將那些被認為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發週期的最後階段,並把測試物件限定為主流瀏覽器(如IE、Mozilla等)的前一個版本。在這種設計範例下,舊版的瀏覽器被認為僅能提供“簡陋卻無妨(poor, but passable)” 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點,因此除了修復較大的錯誤之外,其它的差異將被直接忽略。 (2)、“漸進增強”觀點 “漸進增強”觀點則認為應關注於內容本身。內容是我們建立網站的誘因。有的網站展示它,有的則收集它,有的尋求,有的操作,還有的網站甚至會包含以上的種種,但相同點是它們全都涉及到內容。這使得“漸進增強”成為一種更為合理的設計範例。這也是它立即被Yahoo! 所採納並用以構建其“分級式瀏覽器支援(Graded Browser Support)”策略的原因所在。 那麼問題來了。現在產品經理看到IE6,7,8 網頁效果相對高版本現代瀏覽器少了很多圓角,陰影(CSS3),要求相容(使用圖片背景,放棄CSS3),你會如何說服他?

4、為什麼利用多個域名來儲存網站資源會更有效?

(1)、CDN 快取更方便 (2)、突破瀏覽器併發限制 (3)、節約cookie 頻寬 (4)、節約主域名的連線數,優化頁面響應速度 (5)、防止不必要的安全問題

5、請描述一下cookies、sessionStorage和localStorage的區別?

(1)、sessionStorage (session)中的資料 sessionStorage (session)中的資料,這些資料只有在同一個會話中的頁面才能訪問 並且當會話結束後資料也隨之銷燬。因此sessionStorage 不是一種持久化的本地儲存,僅 僅是會話級別的儲存。而localStorage 用於持久化的本地儲存,除非主動刪除資料,否則 資料是永遠不會過期的。 (2)、web storage 和cookie 的區別 Web Storage 的概念和cookie 相似,區別是它是為了更大容量儲存設計的。Cookie 的大小 是受限的,並且每次你請求一個新的頁面的時候Cookie 都會被髮送過去,這樣無形中浪費 了頻寬,另外cookie 還需要指定作用域,不可以跨域呼叫。 除此之外,Web Storage 擁有setItem,getItem,removeItem,clear 等方法,不像cookie 需要前端開發者自己封裝setCookie,getCookie。但是Cookie 也是不可以或缺的:Cookie 的作用是與伺服器進行互動,作為HTTP 規範的一部分而存在,而Web Storage 僅僅是為 了在本地“儲存”資料而生。

6、簡述一下src 與href 的區別?

src 用於替換當前元素,href 用於在當前文件和引用資源之間確立聯絡。 src 是source 的縮寫,指向外部資源的位置,指向的內容將會嵌入到文件中當前標籤所在位置;在請求src 資源時會將其指向的資源下載並應用到文件內,例如js 指令碼,img 圖片和frame 等元素。

當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,直到將該資源載入、編譯、執行完畢,圖片和框架等元素也如此,類似於將所指向資源嵌入當前標籤內。這也是為什麼將js 指令碼放在底部而不是頭部。 href 是Hypertext Reference 的縮寫,指向網路資源所在位置,建立和當前元素(錨點)或當前文件(連結)之間的連結,如果我們在文件中新增

那麼瀏覽器會識別該文件為css 檔案,就會並行下載資源並且不會停止對當前文件的處理。這也是為什麼建議使用link 方式來載入css,而不是使用@import 方式。

7、新技術圖片格式:Webp格式

WebP 格式,谷歌(google)開發的一種旨在加快圖片載入速度的圖片格式。圖片壓縮體積大約只有JPEG 的2/3,並能節省大量的伺服器頻寬資源和資料空間。FacebookEbay 等知名網站已經開始測試並使用WebP 格式。在質量相同的情況下,WebP 格式影象的體積要比JPEG 格式影象小40%