內(nèi)容：
- utf-8與gbk的區(qū)別；
- 常見瀏覽器有哪些已添，有哪些內(nèi)核朝巫；
- 嚴(yán)格（標(biāo)準(zhǔn) ）模式（Standards Mode）與怪異（混雜）模式（Quirks mode）的區(qū)別鸿摇；
- px、rem劈猿、em的區(qū)別拙吉。
utf-8與gbk的區(qū)別：
表示方法上：utf-8是用以解決國際上字符的一種多字節(jié)編碼潮孽，它對英文使用8位（即一個字節(jié)），中文使用24為（三個字節(jié)）來編碼筷黔。而GBK的文字編碼是用雙字節(jié)來表示的往史，即不論中、英文字符均使用雙字節(jié)來表示佛舱，為了區(qū)分中文椎例，將其最高位都設(shè)定成1。
通用性上：UTF-8包含全世界所有國家需要用到的字符名眉，是國際編碼粟矿，通用性強。而GBK包含全部中文字符损拢，是國家編碼陌粹，通用性比UTF8差。
數(shù)據(jù)庫占用上：utf-8占用數(shù)據(jù)庫比GBK大福压。
常見瀏覽器有哪些掏秩，有哪些內(nèi)核：
常見瀏覽器：
Mozilla Firefox 瀏覽器（Gecko內(nèi)核）
Chrome 瀏覽器（Webkit內(nèi)核）
Internet Explorer 瀏覽器（Trident內(nèi)核）
Safari瀏覽器（Webkit內(nèi)核）
Opera瀏覽器（7.0及以上版本 Presto內(nèi)核）
Maxthon瀏覽器（Trident內(nèi)核）
Netscape瀏覽器 （6及以上版本 Gecko內(nèi)核）
The world瀏覽器（Trident內(nèi)核）
Tencent Traveler瀏覽器（Trident內(nèi)核）內(nèi)核：
Trident內(nèi)核（IE內(nèi)核）是微軟開發(fā)的一種排版引擎。該內(nèi)核程序在1997年的IE4中首次被采用荆姆，是微軟在Mosaic代碼的基礎(chǔ)之上修改而來的蒙幻，并沿用到目前的 IE7。Trident實際上是一款開放的內(nèi)核胆筒，其接口內(nèi)核設(shè)計的相當(dāng)成熟邮破，因此才有許多采用IE內(nèi)核而非IE的瀏覽器涌現(xiàn)（如 Maxthon、The World 仆救、TT抒和、GreenBrowser、AvantBrowser等）彤蔽。此外摧莽，為了方便也有很多人直接簡稱其為IE內(nèi)核（當(dāng)然也不排除有部分人是因為不知道內(nèi) 核名稱而只好如此說，至少老N就是如此顿痪。镊辕。。）蚁袭。
自從發(fā)布后征懈，Trident不斷地被更新和完善：
Trident II（IE5）——增進對CSS1.0的支持及對CSS2重大的變更；
Trident III（IE5.5）——修正部分CSS的排版控制揩悄；
Trident IV（IE6）——修正了一部分box-model的錯誤以及增加了“兼容模式（Quirks Mode）”切換功能受裹，以增加對文件類型描述（Document Type Definition，DTD）的支持；
Trident V（IE7）——修正許多CSS排版處理上的錯誤以及增加對PNG格式alpha通道（半透明）的支持棉饶。（這就是IE6經(jīng)常被詬病的對png圖片支持不良的之處Ｏ谜隆）
Webkit內(nèi)核 蘋果公司自己的內(nèi)核，也是蘋果的Safari瀏覽器使用的內(nèi)核照藻。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎袜啃，均是從KDE的KHTML及KJS引擎衍生而來，它們都是自由軟 件幸缕，在GPL條約下授權(quán)群发，同時支持BSD系統(tǒng)的開發(fā)。所以Webkit也是自由軟件发乔，同時開發(fā)源代碼熟妓。在安全方面不受IE、Firefox的制約栏尚，所以 Safari瀏覽器在國內(nèi)還是很安全的起愈。
Gecko內(nèi)核 Gecko是套開放源代碼的、以C++編寫的網(wǎng)頁排版引擎译仗。這軟件原本是由網(wǎng)景通訊公司開發(fā)的抬虽，Netcape6開始采用該內(nèi)核。后來的 Mozilla FireFox也采用了該內(nèi)核纵菌，Geckos的特點是代碼完全公開阐污，因此，其可開發(fā)程度很高咱圆，全世界的程序員都可以為其編寫代碼笛辟，增加功能。Geckos 現(xiàn)在由Mozilla基金會維護序苏。
Presto內(nèi)核 Presto是一個由Opera Software開發(fā)的瀏覽器排版引擎手幢，該內(nèi)核在2003年的Opera7中首次被使用，該款引擎的特點就是渲染速度的優(yōu)化達到了極致杠览，也是目前公認(rèn)網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核
嚴(yán)格（標(biāo)準(zhǔn) ）模式（Standards Mode）與怪異（混雜）模式（Quirks mode）的區(qū)別：
瀏覽器從服務(wù)端獲取網(wǎng)頁后會根據(jù)文檔的[DOCTYPE]定義顯示網(wǎng)頁弯菊，如果文檔正確定義了DOCTYPE瀏覽器則會進入標(biāo)準(zhǔn)模式（Standards Mode）（按照W3C標(biāo)準(zhǔn)渲染頁面）纵势，否則瀏覽器會進入怪異模式或混雜模式（Quirks mode）（按照瀏覽器自己規(guī)則渲染頁面）踱阿。
瀏覽器開發(fā)初期W3C倡導(dǎo)的網(wǎng)頁標(biāo)準(zhǔn)并不流行，因此瀏覽器有獨特的對網(wǎng)頁標(biāo)簽或?qū)傩缘慕馕瞿Ｊ角仗S著日后網(wǎng)頁標(biāo)準(zhǔn)的流行软舌，瀏覽器增加了對新標(biāo)準(zhǔn)的支持（Standards Mode），但又沒有放棄對原有模式的兼容（Quirks mode）牛曹，這就是瀏覽器多種表現(xiàn)模式的來源佛点。
px、rem、em的區(qū)別：
- PX為單位
PX實際上就是像素超营，用PX設(shè)置字體大小時鸳玩，比較穩(wěn)定和精確。但是這種方法存在一個問題演闭，當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁面時不跟，如果改變了瀏覽器的縮放，這時會使用我們的Web頁面布局被打破米碰。這樣對于那些關(guān)心自己網(wǎng)站可用性的用戶來說窝革，就是一個大問題了。因此吕座，這時就提出了使用“em”來定義Web頁面的字體虐译。 - EM為單位
EM就是根據(jù)基準(zhǔn)來縮放字體的大小。EM實質(zhì)是一個相對值吴趴，而非具體的數(shù)值漆诽。這種技術(shù)需要一個參考點，一般都是以<body>的“font-size”為基準(zhǔn)史侣。如WordPress官方主題Twenntytwelve的基準(zhǔn)就是14px=1em拴泌。另外，em是相對于父元素的屬性而計算的惊橱。 - Rem為單位
EM是相對于其父元素來設(shè)置字體大小的蚪腐，這樣就會存在一個問題，進行任何元素設(shè)置税朴，都有可能需要知道他父元素的大小回季。而Rem是相對于根元素<html>，這樣就意味著正林，我們只需要在根元素確定一個參考值泡一。 - 瀏覽器的兼容性
除了IE6-IE8r，其它的瀏覽器都支持em和rem屬性觅廓，px是所有瀏覽器都支持鼻忠。
因此為了瀏覽器的兼容性，可“px”和“rem”一起使用杈绸，用"px"來實現(xiàn)IE6-8下的效果帖蔓，然后使用“Rem”來實現(xiàn)代瀏覽器的效果。
px,em,rem單位轉(zhuǎn)換工具 地址：http://pxtoem.com/
拓展內(nèi)容：
1瞳脓、字符集以及字符編碼塑娇；
2、瀏覽器的表現(xiàn)模式劫侧；
3埋酬、瀏覽器哨啃。
