問答
1. 網(wǎng)頁亂碼的問題是如何產(chǎn)生的?
亂碼產(chǎn)生的本質(zhì)實(shí)際上是因?yàn)闉g覽器用了錯(cuò)誤的解碼方式讀取了頁面文件
編寫網(wǎng)頁文件的時(shí)候,需要指定編碼的模式
mata charset="utf-8"
默認(rèn)一般使用的是utf-8,常見的編碼方式有 ASCII、ISOLatin-1、UNICODE、UTF-8、GBK...
接觸的比較多的一般是UNICODE、UTF-8和GBK了,他們之間的關(guān)系簡而言之呢就是 UNICODE 是用兩個(gè)字節(jié)16位,編碼了所有地球上的所有文字,也就是說寫在文件里的字每一個(gè)都有一個(gè)唯一的UNICODE編碼。但UNICODE每個(gè)文字都要用兩個(gè)字節(jié),如果用UNICODE存儲(chǔ),如果是純英文的界面的話
每個(gè)字母都要多存儲(chǔ)一個(gè)00000000字節(jié),這個(gè)字節(jié) 顯然沒什么卵用,所以老外想了個(gè)辦法,不用UNICODE直接存儲(chǔ),而用一種叫UTF-8的存儲(chǔ)方式存儲(chǔ),把UNICODE再編碼,一個(gè)英文字母存儲(chǔ)的時(shí)候還是一個(gè)字節(jié),需要第二個(gè)字節(jié)的UNICODE編碼需要2個(gè)甚至6個(gè)字節(jié)來表示,換個(gè)說法就是為了英文的特權(quán),犧牲其他語言的存儲(chǔ)空間的便利。
那么GBK呢?
GBK是中國覺得你這個(gè)UTF-8不是個(gè)東西,本來2個(gè)字節(jié)就夠表示一個(gè)中文了,讓utf-8一搞變成得2-4個(gè)才夠,所以中國自己制定了一個(gè)規(guī)則,用兩個(gè)字節(jié)表示一個(gè)漢字,總可以覆蓋2萬多字,英文還是保留用UTF-8的方式用一個(gè)字節(jié)表示。
UNICODE只是給字符一個(gè)代號,而GBK和UTF-8使用不同的規(guī)則來表示同一個(gè)代號。
2. 顏色有幾種寫法, 紅色、 綠色、藍(lán)色、白色、黑色如何表示? 透明黑色如何表示?#ccc的顏色, #eee的顏色? #333的顏色?
<style>
h1{
color : red;
}
</style>
上面代碼就定義了標(biāo)題1的顏色是紅色 也可以
color : #FF0000;
或者
color : rgb(255,000,000)
這樣表示紅色 用的是RGB的顏色編碼方式
那么綠色、藍(lán)色、白色、黑色就是
color : green;
color : #0000FF
color : #FFFFFF #可以理解白光是三種顏色的光混合成的
color : #000000
rgba(0,0,0,0.3)
顏色透明是這樣表示,最后一位就代表了透明度,上面代碼代表了透明黑色,透明度是0.3
#ccc代表的是#cccccc代表了灰色;#eee代表了另一種程度的灰色比#ccc要更加淺一點(diǎn);#333是比較深色的灰色,一般用于文字。
3. <!doctype html> 的作用是什么
文檔類型的聲明,告知瀏覽器用什么樣的文檔類型來解析,這里是指的html。
4. 嚴(yán)格模式和混雜模式指什么
嚴(yán)格模式是指帶有文檔類型聲明,瀏覽器根據(jù)聲明解析文檔;混雜模式是沒有文檔聲明,瀏覽器根據(jù)默認(rèn)情況進(jìn)行解析。
5. meta 有什么作用,常見的值有哪些
meta標(biāo)簽用于定義頁面的元信息。
常見有
- chatset = "utf-8" 定義編碼方式
- name="description" content=""設(shè)置頁面描述
- name="title" content=""設(shè)置頁面標(biāo)題;
- name="keywords" content=""設(shè)置頁面關(guān)鍵字;
6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用
在IE8剛推出的時(shí)候,很多網(wǎng)頁由于重構(gòu)的問題,無法適應(yīng)較高級的瀏覽器,所以使用X-UA-Compatible標(biāo)簽強(qiáng)制IE8采用低版本方式渲染。IE=edge告訴IE使用最新的引擎渲染網(wǎng)頁,chrome=1則可以激活Chrome Frame
7. 常見的瀏覽器有哪些,什么內(nèi)核
| Browser | Core |
|---|---|
| IE | Trident |
| Chrome | Webkit |
| Safari | Webkit |
| Mozilla FireFox | Gecko |
| Opera | Presto |