前端7班-張磊磊

在第二節(jié)課的時(shí)候若愚老師在課上提出了三個問題,讓我們回家去思考。
- utf-8和gbk的差別?
- 常見的瀏覽器有哪些,有哪些內(nèi)核?
- px和em,rem的區(qū)別?
問題一:utf-8和gbk的差別?
UTF-8:Unicode TransformationFormat-8bit,允許含BOM,但通常不含BOM。是用以解決國際上字符的一種多字節(jié)編碼,它對英文使用8位(即一個字節(jié)),中文使用24為(三個字節(jié))來編碼。UTF-8包含全世界所有國家需要用到的字符,是國際編碼,通用性強(qiáng)。UTF-8編碼的文字可以在各國支持UTF8字符集的瀏覽器上顯示。如,如果是UTF8編碼,則在外國人的英文IE上也能顯示中文,他們無需下載IE的中文語言支持包。
GBK是國家標(biāo)準(zhǔn)GB2312基礎(chǔ)上擴(kuò)容后兼容GB2312的標(biāo)準(zhǔn)。GBK的文字編碼是用雙字節(jié)來表示的,即不論中、英文字符均使用雙字節(jié)來表示,為了區(qū)分中文,將其最高位都設(shè)定成1。GBK包含全部中文字符,是國家編碼,通用性比UTF8差,不過UTF8占用的數(shù)據(jù)庫比GBD大。
總結(jié):UTF-8是國際性編碼,通用性更強(qiáng),相當(dāng)于英語。GBK是中國國家性編碼通用性相對差一些,相當(dāng)于漢語,不過UTF8占用的數(shù)據(jù)庫比GBK大。
問題二:常見的瀏覽器有哪些,有哪些內(nèi)核?
</br>

常用瀏覽器:
Internet Explorer
微軟的 Internet Explorer(IE) 是當(dāng)今最流行的因特網(wǎng)瀏覽器。它發(fā)布于 1995 年,并于 1998 年在使用人數(shù)上超過了 Net scape。
Netscape
Netscape 是首個商業(yè)化的因特網(wǎng)瀏覽器。它發(fā)布于 1994 年。在 IE 的競爭下,Netscape 逐漸喪失了它的市場份額。
Mozilla
Mozilla 項(xiàng)目是從 Netscape 的基礎(chǔ)上發(fā)展起來的。今天,基于 Mozilla 的瀏覽器已經(jīng)演變?yōu)橐蛱鼐W(wǎng)上第二大的瀏覽器家族,市場份額為大約 20%。
Firefox
Firefox 是由 Mozilla 發(fā)展而來的新式瀏覽器。它發(fā)布于 2004 年,并已成長為因特網(wǎng)上第二大最流行的瀏覽器。
Opera
Opera 是挪威人發(fā)明的因特網(wǎng)瀏覽器。它以下列特性而聞名于世:快速小巧、符合工業(yè)標(biāo)準(zhǔn)、適用于多種操作系統(tǒng)。對于一系列小型設(shè)備諸如手機(jī)和掌上電腦來說,Opera 無疑是首選的瀏覽器。
Chrome
Chrome 是免費(fèi)的開源 web 瀏覽器,它由 Google 開發(fā)。該瀏覽器于 2008 年 9 月發(fā)布。Chrome 4 是最新的谷歌瀏覽器。
Safari
Safari 是由蘋果公司開發(fā)的瀏覽器,適用于 Mac 和 Windows 系統(tǒng)。該瀏覽器于 2003 年 6 月發(fā)布。
常用瀏覽器內(nèi)核:
Trident內(nèi)核
代表產(chǎn)品Internet Explorer,又稱其為IE內(nèi)核。Trident(又稱為MSHTML),是微軟開發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括:IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
Gecko內(nèi)核
代表作品Mozilla FirefoxGecko是一套開放源代碼的、以C++編寫的網(wǎng)頁排版引擎。Gecko是最流行的排版引擎之一,僅次于Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。
WebKit內(nèi)核代表
作品Safari、Chromewebkit 是一個開源項(xiàng)目,包含了來自KDE項(xiàng)目和蘋果公司的一些組件,主要用于Mac OS系統(tǒng),它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對網(wǎng)頁代碼的兼容性不高,導(dǎo)致一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁無法正常顯示。主要代表作品有Safari和Google的瀏覽器Chrome。
Presto內(nèi)核
代表作品OperaPresto是由Opera Software開發(fā)的瀏覽器排版引擎,供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎,包括加入動態(tài)功能,例如網(wǎng)頁或其部分可隨著DOM及Script語法的事件而重新排版。
問題三:px和em,rem的區(qū)別?
PX介紹及特點(diǎn):
像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。
- IE無法調(diào)整那些使用px作為單位的字體大小
- 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位
- Firefox能夠調(diào)整px和em,rem,但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)
em介紹及特點(diǎn):
- em的值并不是固定的
- em會繼承父級元素的字體大小
rem介紹及特點(diǎn):
rem是CSS3新增的一個相對單位(root em,根em),這個單位引起了廣泛關(guān)注。使用rem為元素設(shè)定字體大小時(shí),仍然是相對大小,但相對的只是HTML根元素。
- 可以做到只修改根元素就成比例地調(diào)整所有字體大小
- 可以避免字體大小逐層復(fù)合的連鎖反應(yīng)
測試一下:
<div style="font-size:16px">
<p>測試一下px</p>aa
</div>
<div style="font-size:2em">
<p style="font-size:2em">測試一下em</p>
</div>
<div style="font-size:1rem">
<p style="font-size:2rem">測試一下rem</p>
</div>

問題四:嚴(yán)格模式VS混雜模式?
嚴(yán)格模式,瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面。
混雜模式,頁面以一種比較寬松的向后兼容的方式顯示?;祀s模式通常模擬老式瀏覽器(比如Microsoft IE 4和Netscape Navigator 4)的行為以防止老站點(diǎn)無法工作。
是