1.網(wǎng)頁亂碼的問題是如何產(chǎn)生的？
亂碼產(chǎn)生的原因是文件編碼格式與瀏覽器解碼格式不一致。
就像兩個說著不同語言的人交流一樣，互相不明白對方在說什么，但嘗試著去理解對方表達的意思而因此產(chǎn)生誤解。為此，在寫html的時候，需要在head標簽里面加一句編碼聲明來表明編碼格式。
<meta charset="UTF-8">
utf-8（8-bit Unicode Transformation Format）是一種針對Unicode的可變長度字符編碼，又稱萬國碼。UTF-8用1到6個字節(jié)編碼UNICODE字符。用在網(wǎng)頁上可以同一頁面顯示中文簡體繁體及其它語言（如英文，日文，韓文）。
在中國地區(qū)，常用的編碼方式有UTF-8和GBK。但是為了國際化，建議使用UTF-8格式，這樣國外用戶訪問中文網(wǎng)站的時候就不會出現(xiàn)亂碼。
延伸閱讀：
2.顏色有幾種寫法， 紅色、 綠色、藍色、白色、黑色如何表示？ 透明黑色如何表示？#ccc 的顏色， #eee 的顏色？ #333 的顏色？
顏色有3種寫法。分別為:
- 十六進制
- 顏色關鍵字
- rgb(r,g,b)
| 顏色 | 十六進制 | 顏色關鍵字 | rgb(r,g,b) |
|---|---|---|---|
| 白色 | #FFFFFF | white | rgb(255,255,255) |
| 黑色 | #000000 | black | rgb(0,0,0) |
| 紅色 | #FF0000 | red | rgb(255,0,0) |
| 綠色 | #00FF00 | green | rgb(0,255,0) |
| 藍色 | #0000FF | blue | rgb(0,0,255) |
| 灰色 | #CCCCCC | rgb(204,204,204) | |
| 淺灰 | #EEEEEE | rgb(238,238,238) | |
| 深灰 | #333333 | rgb(51,51,51) |
另外，rgb還可以加個透明度（Alpha參數(shù)），這個參數(shù)是一個介于0.0（完全透明）到1.0（完全不透明）之間的數(shù)值。
如，透明黑色表示為：rgba(0,0,0,0)
工具網(wǎng)站：
3.<!DOCTYPE html> 的作用是什么？
<!DOCTYPE html>則是說明這是html5標準的hmtl文檔，以此來告訴瀏覽器應該以html5標準來呈現(xiàn)頁面。而且這個聲明必須在html文檔的第一行，位于所有標簽的前面。
<!DOCTYPE> 聲明與html,body這些html標簽不一樣，嚴格上來說，它并不是html標簽，它的作用就是告訴瀏覽器你當前的頁面使用的是哪個html版本。
<!DOCTYPE> 聲明不區(qū)分大小寫，所有的html5標簽都不區(qū)分大小寫，但是按書寫習慣在html文件中,<!DOCTYPE> 大寫，別的html標簽全部小寫。
<!DOCTYPE>聲明沒有結(jié)束標簽,不要寫成這樣 <!DOCTYPE html />
延伸閱讀：
4.嚴格模式和混雜模式指什么？
當瀏覽器廠商開始創(chuàng)建與標準兼容的瀏覽器時，它們希望確保向后兼容。為了實現(xiàn)這一點，他們創(chuàng)建了兩種呈現(xiàn)模式：標準模式和混雜模式。
- 在標準模式中，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面；
- 在混雜模式中，頁面以一種較寬松的向后兼容的方式顯示?；祀s模式通常會模擬老式瀏覽器（比如IE4）的行為以防老站點無法工作。
DOCTYPE與各種模式的關系（各種模式的觸發(fā)）：
- 標準模式：<!DOCTYPE html>
- 混雜模式：不寫DOCTYPE
兩種模式的表現(xiàn)差異
- 標準模式是對統(tǒng)一標準實現(xiàn)最好的模式，它要求標簽必須閉合（唯一不需要閉合的就是DOCTYPE標簽），不能使用已經(jīng)廢棄的標簽等等。
- 混雜模式則是不可取的，因為其沒有兼容性可言。
延伸閱讀：
5.meta 有什么作用，常見的值有哪些?
<meta> 元素可以提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
不建議為了讓搜索引擎收錄而去濫用meta標簽而在頁面塞滿關鍵詞。
meta標簽必須在head標簽中。其次，元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。
常見屬性有：charset; content; http-equiv; name。（具體值直接參考標準）
- name 屬性，主要用于描述網(wǎng)頁，需要配合另外一個屬性值 content 使用。name 主要有以下幾種參數(shù)：
- keywords (幫助搜索引擎知道網(wǎng)頁關鍵字)
- description (描述網(wǎng)站主要內(nèi)容)
- author (網(wǎng)頁作者)
格式：<meta name="參數(shù)" content="參數(shù)變量值">
- http-equiv 屬性，http協(xié)議的響應頭報文。它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容。跟 name 屬性一樣，需要配合 content 屬性使用。
http-equiv 主要有以下參數(shù)：
- Expires (可以用于設定網(wǎng)頁到期時間。一旦到期，必須到服務器上重新傳輸)
- Pragma (禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容)
- Refresh (自動刷新并指向新頁面)
- Set-Cookie (如果網(wǎng)頁國旗，那么存盤的cookie將被刪除)
- Window-target (強制頁面在當前窗口以獨立頁面顯示)
格式：<meta http-equiv="參數(shù)" content="參數(shù)變量值">
延伸閱讀：
6.<meta http-equiv="X-UA-compatible" content="IE=edge, chrome=1" 有什么作用？
X-UA-Compatible 是 IE8 追加的一個設置(所以，IE8 以下是不支持的)。
這用來設置瀏覽器優(yōu)先使用什么模式來渲染頁面。IE=edge，告訴 IE 使用最新引擎來渲染頁面；chrome=1 則表示可以激活 Chrome Frame。
延伸閱讀：
- IE兼容性模式X-UA-Compatible
- 給網(wǎng)站添加X-UA-Compatible標簽
- “X-UA-Compatible” content=“IE=9; IE=8; IE=7; IE=EDGE”
7.常見的瀏覽器有哪些，什么內(nèi)核？
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Google Chrome | Blink |
| Mozilla FireFox | Gecko |
| Opera | Presto |
| Safari | Webkit |
| IE | Trident |
