本教程版權歸小圓和饑人谷所有，轉載須說明來源
問答
1. 網(wǎng)頁亂碼的問題是如何產(chǎn)生的？怎樣解決?
- 產(chǎn)生：亂碼一般在英文以外的字符才會出現(xiàn)。當我們保存編寫的html文件時,編輯器會把我們寫入的文字使用編輯器默認的編碼方式進行保存。（例如：Sublime編輯器，默認的編碼方式是utf-8）而在使用瀏覽器打開html文件時，它并不知道你的文件使用什么編碼方式，于是使用了瀏覽器默認的解碼方式進行解析。（例如：Chrome打開時默認使用 ISO -8859的解碼方式）最后導致編碼和解碼不匹配，產(chǎn)生亂碼。
- 解決：在文件保存時要明白編輯器是用哪種編碼方式保存的（sublime默認保存方式是utf-8，如果安裝了插件也可另存為gbk，其它IDE可以做設置保存格式）。如果你的文件是保存為utf-8格式，那么一定要在html 的
<head>里添加<meta charset="utf-8">,好讓瀏覽器在解析文件的時候識別出來，直接用utf-8格式去解碼，其他格式同理。
2. 顏色有幾種寫法， 紅色、 綠色、藍色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的顏色， #eee的顏色？ #333的顏色？
- 顏色的寫法分為三種格式：
- 使用一個關鍵字
- 使用RGB立體坐標系統(tǒng)（以“#”加十六進制或者 rgb() 和 rgba() 函數(shù)表達式的形式）
- 使用HSL圓柱坐標系統(tǒng)（以 hsl() 和 hsla() 函數(shù)表達式的形式）
- 紅色
red ; #ff0000 ; rgb(255,0,0) ; hsl(0或360, 100%,50%)
- 綠色
green ; #008000 ; rgb(0,255,0) ; hsl(120,100%,50%)
- 藍色
blue ; #0000ff ; rgb(0,0,255) ; hsl(240,100%,50%)
- 白色
white ; #ffffff ; rgb(255,255,255) ; hsl(0,100%,100%)
- 黑色
black ; #000000 ; rgb(0,0,0) ; hsl(0,100%,0%)
- 透明黑色
rgba(0,0,0,.5)
#ccc
Paste_Image.png
#eee
Paste_Image.png
#333
Paste_Image.png
3. <!doctype html>的作用是什么?
聲明文檔的解析類型，告知瀏覽器使用html5規(guī)范，避免瀏覽器的怪異模式。
4. 嚴格模式和混雜模式指什么？meta有什么作用，常見的值有哪些?
- 嚴格模式：瀏覽器以其支持的最高標準呈現(xiàn)頁面。
- 混雜模式：頁面以一種比較寬松的向后兼容的方式顯示?；祀s模式通常模擬老式瀏覽器的行為以防止老站點無法工作。
<meta>
- 作用：除了提供文檔字符集、使用語言、作者等基本信息外，還涉及對關鍵詞和網(wǎng)頁等級的設定。
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與 http-equiv 或 name 屬性相關的元信息 |
| http_equiv | content-type expires refresh set-cookie |
把 content 屬性關聯(lián)到 HTTP 頭部。 |
| name | author description keywords generator revised others |
把 content 屬性關聯(lián)到一個名稱。 |
| scheme | some_text | 定義用于翻譯 content 屬性值的格式 |
5. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用,常見的瀏覽器有哪些，有什么內(nèi)核?
- 作用：這個屬性主要是設置瀏覽器優(yōu)先使用什么模式來渲染頁面的。IE=edge告訴IE使用最新的引擎渲染網(wǎng)頁，chrome=1則可以激活Chrome Frame.
- 瀏覽器與內(nèi)核
- IE瀏覽器:Trident內(nèi)核
- Chrome瀏覽器:Webkit內(nèi)核
- FireFox瀏覽器:Gecko內(nèi)核
- Safari瀏覽器:Webkit內(nèi)核
- Opera瀏覽器:Presto內(nèi)核
