1.網(wǎng)頁亂碼的問題是如何產(chǎn)生的殷勘？怎么解決？
一：亂碼產(chǎn)生的原因是：當(dāng)我們保存文件時會把我們寫入的文字使用編輯器默認(rèn)的編碼方式進(jìn)行保存昔搂，而當(dāng)瀏覽器打開網(wǎng)頁時玲销，它并不知道你的這個文件是使用什么編碼方式，于是自作主張使用了默認(rèn)解碼方式摘符。瀏覽器的默認(rèn)解碼方式和文件保存時默認(rèn)選擇的編碼方式不匹配贤斜，就會產(chǎn)生亂碼策吠。
二：如何解決亂碼問題：在文件保存的時候你自己要清楚是用哪種編碼方式保存的，如果你的文件是保存為utf-8格式瘩绒，那么一定要在html 的 <head>里添加<meta charset="utf-8">猴抹，這句話的意思是告訴瀏覽器在打開這個頁面的時候不要去猜了，直接用utf-8去解碼锁荔。 同理蟀给，如果你的文件保存為gbk格式，一定在文件里添加<meta charset="gbk">阳堕。
2.顏色有幾種寫法跋理， 紅色、 綠色恬总、藍(lán)色前普、白色、黑色如何表示壹堰？ 透明黑色如何表示汁政？#ccc的顏色， #eee的顏色缀旁？ #333的顏色记劈？
| 顏色表示方法 | 寫法 | 備注 |
|---|---|---|
| 顏色名 | white;red;blue | 使用色彩的英文單詞表示 |
| hex顏色 | #00000;#ffffff | 按照十六進(jìn)制，每位數(shù)取值范圍09并巍、af |
| rgb顏色 | rgb(0,0,0);rgb(255,255,255); | 每位數(shù)取值范圍從0到255 |
| rgba顏色 | rgb(0,0,0,0);rgb(255,255,255,1); | 與上一種方法大體一致目木，最后一位設(shè)置透明度（alpha）取值范圍0~1 |
| hsl顏色 | hsl(0,0%,0%);rgb(360,100%,100%); | 第一位代表色調(diào)（hue）取值0360，第二位代表飽和度（saturation）取值0%100%懊渡，第三位代表亮度（lightness）取值0%~100% |
| hsla顏色 | hsl(0,0%,0%,0);rgb(360,100%,100%,1); | 與上一種方法大體一致刽射，最后一位設(shè)置透明度取值范圍0~1 |
一：顏色的寫法有以下幾種：
| 顏色表示方法 | 寫法 | 備注 |
|---|---|---|
| 顏色名 | white;red;blue | 使用色彩的英文單詞表示 |
| hex顏色 | #00000;#ffffff | 按照十六進(jìn)制，每位數(shù)取值范圍09剃执、af |
| rgb顏色 | rgb(0,0,0);rgb(255,255,255); | 每位數(shù)取值范圍從0到255 |
| rgba顏色 | rgb(0,0,0,0);rgb(255,255,255,1); | 與上一種方法大體一致誓禁，最后一位設(shè)置透明度（alpha）取值范圍0~1 |
| hsl顏色 | hsl(0,0%,0%);rgb(360,100%,100%); | 第一位代表色調(diào)（hue）取值0360，第二位代表飽和度（saturation）取值0%100%肾档，第三位代表亮度（lightness）取值0%~100% |
| hsla顏色 | hsl(0,0%,0%,0);rgb(360,100%,100%,1); | 與上一種方法大體一致摹恰，最后一位設(shè)置透明度取值范圍0~1 |
| 顏色表示方法 | 紅 | 綠 | 藍(lán) | 白 | 黑 |
|---|---|---|---|---|---|
| 顏色名法 | red; | green; | blue; | white; | black; |
| hex顏色法 | #f00 | #0f0 | #00f | #fff | #000 |
| rgb顏色法 | rgb(255,0,0); | rgb(0,255,0); | rgb(0,0,255); | rgb(255,255,255); | rgb(0,0,0); |
| rgba顏色法 | rgba(255,0,0,1); | rgba(0,255,0,1); | rgba(0,0,255,1); | rgba(255,255,255,1); | rgba(0,0,0,1); |
| hsl顏色法 | hsl(0,100%,50%); | hsl(120,100%,50%); | hsl(240,100%,50%); | hsl(0,100%,100%); | hsl(0,100%,0%); |
| hsla顏色法 | hsla(360,100%,50%,1); | hsla(120,100%,50%,1); | hsla(240,100%,50%); | hsla(0,100%,100%,1); | hsla(0,100%,0%,1); |
二：按照上面列舉的6種方法表示紅色、 綠色怒见、藍(lán)色俗慈、白色、黑色
| 顏色表示方法 | 紅 | 綠 | 藍(lán) | 白 | 黑 |
|---|---|---|---|---|---|
| 顏色名法 | red; | green; | blue; | white; | black; |
| hex顏色法 | #f00 | #0f0 | #00f | #fff | #000 |
| rgb顏色法 | rgb(255,0,0); | rgb(0,255,0); | rgb(0,0,255); | rgb(255,255,255); | rgb(0,0,0); |
| rgba顏色法 | rgba(255,0,0,1); | rgba(0,255,0,1); | rgba(0,0,255,1); | rgba(255,255,255,1); | rgba(0,0,0,1); |
| hsl顏色法 | hsl(0,100%,50%); | hsl(120,100%,50%); | hsl(240,100%,50%); | hsl(0,100%,100%); | hsl(0,100%,0%); |
| hsla顏色法 | hsla(360,100%,50%,1); | hsla(120,100%,50%,1); | hsla(240,100%,50%); | hsla(0,100%,100%,1); | hsla(0,100%,0%,1); |
三：透明黑色如何表示遣耍？
透明黑色：rgba(0,0,0,0)
四：ccc闺阱、#eee、#333 為三種不同程度的灰色舵变。
3.<!doctype html> 的作用是什么?
文檔聲明酣溃。告知瀏覽器該文檔是使用html規(guī)范瘦穆，要用Html的方式解析頁面。
4.嚴(yán)格模式和混雜模式指什么赊豌？
一：Doctype可聲明三種DTD類型难审，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔亿絮。
二：當(dāng)瀏覽器廠商開始創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時告喊，他們希望確保向后兼容性。為了實現(xiàn)這一點派昧，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式和混雜模式
①在標(biāo)準(zhǔn)模式中黔姜，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面，蒂萎；
②在混雜模式中秆吵，頁面以一種比較寬松的向后兼容的方式顯示∥宕龋混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作纳寂。
三：模式觸發(fā)
瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現(xiàn)方法。如果XHTML泻拦、HTML 4.01文檔包含形式完整的DOCTYPE毙芜，那么它一般以標(biāo)準(zhǔn)模式呈現(xiàn)。包含過渡DTD和URI的DOCTYPE也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)争拐，但是有過渡DTD而沒有URI會導(dǎo)致頁面以混雜模式呈現(xiàn)腋粥。DOCTYPE不存在或形式不正確會導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。html5既然沒有DTD架曹，也就沒有嚴(yán)格模式與寬松模式的區(qū)別隘冲，html5有相對寬松的語法，實現(xiàn)時绑雄，已經(jīng)盡可能大的實現(xiàn)了向后兼容展辞。
5.meta有什么作用，常見的值有哪些万牺？
一：meta常用于定義頁面的說明罗珍，關(guān)鍵字，最后修改日期杏愤，和其它的元數(shù)據(jù)靡砌。這些元數(shù)據(jù)將服務(wù)于瀏覽器（如何布局或重載頁面）已脓，搜索引擎和其它網(wǎng)絡(luò)服務(wù)珊楼。
二：meta標(biāo)簽共有兩個屬性：http-equiv和name;不同的屬性又有不同的參數(shù)值，這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能度液。
①name屬性
name屬性主要用于描述網(wǎng)頁厕宗，與之對應(yīng)的屬性值為content画舌，content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的。meta標(biāo)簽的name屬性語法格式是：
＜meta name=”參數(shù)” content=”具體的參數(shù)值”＞已慢。其中--- name屬性主要有以下幾種參數(shù):
1)Keywords(關(guān)鍵字)
說明：keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么曲聂。
2)description(網(wǎng)站內(nèi)容描述)
說明：description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
3)author(作者)
說明：標(biāo)注網(wǎng)頁的作者
②http-equid屬性
http-equiv顧名思義佑惠，相當(dāng)于http協(xié)議中文件頭的作用朋腋，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容膜楷，與之對應(yīng)的屬性值為content旭咽，content中的內(nèi)容其實就是各個參數(shù)的變量值。meta標(biāo)簽的http-equid屬性語法格式是：＜meta http-equiv=”參數(shù)” content=”參數(shù)變量值”＞ 赌厅；其中http-equiv屬性主要有以下幾種參數(shù)：
1)content-Type(顯示字符集的設(shè)定)
說明：設(shè)定頁面使用的字符集穷绵。
2)Expires(期限)
說明：可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期特愿，必須到服務(wù)器上重新傳輸仲墨。
3)Pragma(cache模式)
說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容。
4)Refresh(刷新)
說明：自動刷新并指向新頁面揍障。
5)Set-Cookie(cookie設(shè)定)
說明：設(shè)置cookie, 如果網(wǎng)頁過期目养，那么存盤的cookie將被刪除。
6)Window-target(顯示窗口的設(shè)定)
說明：強制頁面在當(dāng)前窗口以獨立頁面顯示毒嫡。
6.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?
對于X-UA-compatible是IE8版本新增的屬性值混稽，IE8之前的版本不識別，用于讓IE8按指定的方式渲染頁面审胚。
content="IE=edge,chrome=1"是指IE按照最新的標(biāo)準(zhǔn)渲染頁面匈勋，激活Chrome Frame。
7.常見的瀏覽器有哪些膳叨，什么內(nèi)核洽洁？
①Internet Explorer瀏覽器
內(nèi)核為Trident
②Chrome 瀏覽器
內(nèi)核為WebKit
③Firefox火狐瀏覽器
內(nèi)核為Gecko
④Safari瀏覽器
內(nèi)核為WebKit
⑤Opera瀏覽器
內(nèi)核為Presto
⑥Conqueror
內(nèi)核為KHTML
