前端7班-張洋源
常見的瀏覽器有哪些，有哪些內核？
1.IE瀏覽器：目前使用最廣泛的瀏覽器，由微軟公司開發，預裝在Window操作系統中。
2.Safari瀏覽器：由蘋果公司開發，是使用的比較廣泛的瀏覽器之一。預裝在蘋果操作系統當中，是蘋果系統的專屬瀏覽器。
3.Firefox瀏覽器:是一個開源的瀏覽器，由Mozilla資金會和開源開發者一起開發。由于是開源的，所以它集成了很多小插件，開源拓展很多功能。
4.Opera瀏覽器:opera瀏覽器是由挪威一家軟件公司開發，該瀏覽器創始于1995。特點是快速小巧，屬于輕靈的瀏覽器。
5.Chrome瀏覽器:由谷歌公司開發，特點是簡潔，快速，穩定性和安全性好。獲得越來越多使用者親睞。
6.其他瀏覽器:像360瀏覽器，獵豹瀏覽器，搜狗瀏覽器等大多是基于IE內核開發的。
瀏覽器內核分類
一：Trident內核
Trident（又稱為MSHTML），是微軟的Windows系統搭載的網頁瀏覽器—InternetExplorer的排版引擎的名稱，它的第一個版本隨著1997年10月Internet Explorer第四版釋出，之后不斷的加入新的技術并隨著新版本的Internet Explorer釋出。在Internet Explorer第七版中，微軟對Trident排版引擎做了的重大的變動，除了加入新的技術之外，并增加對網頁標準的支持。
二：Webkit、Chromium內核
Chromium是一個由Google主導開發的網頁瀏覽器，以BSD許可證等多重自由版權發行并開放源代碼。Chromium的開發可能早自2006年即開始[1]，設計思想基于簡單、高速、穩定、安全等理念，在架構上使用了蘋果發展出來的WebKit排版引擎、Safari的部份源代碼與Firefox的成果，并采用Google獨家開發出的V8引擎以提升解譯JavaScript的效率，而且設計了“沙盒”、“黑名單”、“無痕瀏覽”等功能來實現穩定與安全的網頁瀏覽環境。
國內的所謂雙核瀏覽器，除了傲游3是直接基于Webkit開發的之外，其他瀏覽器都是基于Google的Chromium開源項目。而Webkit瀏覽器引擎是蘋果公司的開源項目，蘋果的Safari瀏覽器就是基于Webkit開發的。Chromium和Webkit的區別是，Webkit是爺爺輩；Chromium是父親輩，傲游3也是父親這一輩的；而Chrome是嫡長孫，搜狗瀏覽器、QQ瀏覽器、360極速瀏覽器、百度瀏覽器和世界之窗瀏覽器極速版則都是孫子輩分的。
三：Gecko內核
Gecko是一套開放源代碼、C++編寫的網頁排版引擎。目前為Mozilla家族網頁瀏覽器以及Netscape6以后版本瀏覽器所使用。該引擎原本是由網景通信公司開發的，現則由Mozilla基金會維護，以多許可方式授權發布，包括Mozilla公共許可證（MPL）、GNU通用公共授權條款（GPL）以及GNU較寬松公共許可證（LGPL）。
四：Presto內核
Presto是一個由Opera Software開發的瀏覽器排版引擎，供Opera7.0及以后版使用。Presto取代了舊版Opera 4至6版本使用的Elektra排版引擎，包括加入動態功能，例如網頁或其部分可隨著DOM及Script語法的事件而重新排版。
資料來源：http://liulanmi.com/browser ?瀏覽器內核分類
utf-8與GBK的區別
UTF－8編碼是用以解決國際上字符的一種多字節編碼，它對英文使用8位（即一個字節），中文使用24位（三個字節）來編碼。對于英文字符較多的論壇則用UTF－8節省空間。
GBK的文字編碼是雙字節來表示的，即不論中、英文字符均使用雙字節來表示，只不過為區分中文，將其最高位都定成1。
GBK是中文字符集，包括所有中文字符。在裝有中文GBK編碼電腦上能正常顯示中文，而如果在國外非中文操作系統的電腦上則會顯示成為亂碼，所以GBK主要針對國內網站使用。
而UTF8則是國際標準，包括全世界所有國家需要用到的字符。如果在國外非中文操作系統上，也可以正確的顯示中文。通用性比較好。
瀏覽器標準模式和怪異模式之間的區別是什么？
標準模式是指，瀏覽器按W3C標準解析執行代碼；怪異模式，是指瀏覽器按照自己的方式解析執行代碼，因為不同瀏覽器解析執行的方式不一樣，所以稱為怪異模式。
瀏覽器解析時到底使用標準模式還是怪異模式，與你網頁中的文檔聲明直接相關，文檔聲明定義了標準文檔的類型（標準模式解析）文檔類型，會使瀏覽器使用相應的方式加載網頁并顯示，忽略文檔聲明,將使網頁進入怪異模式。
px、em、rem的區別
px為單位
px實際上就是像素，用px設置字體大小時，比較穩定和精確。但是這種方法存在一個問題，當用戶在瀏覽器中瀏覽我們制作的Web頁面時，如果改變了瀏覽器的縮放，這時會使用我們的Web頁面布局被打破。這樣對于那些關心自己網站可用性的用戶來說，就是一個大問題了。因此，這時就提出了使用“em”來定義Web頁面的字體。
em為單位
em就是根據基準來縮放字體的大小。em實質是一個相對值，而非具體的數值。這種技術需要一個參考點，一般都是以的“font-size”為基準。另外，em是相對于父元素的屬性而計算的。
Rem為單位
em是相對于其父元素來設置字體大小的，這樣就會存在一個問題，進行任何元素設置，都有可能需要知道他父元素的大小。而rem是相對于根元素，這樣就意味著，我們只需要在根元素確定一個參考值。
