本教程版權(quán)歸小圓和饑人谷所有柜某，轉(zhuǎn)載須說明來源
問答
1. 網(wǎng)頁亂碼的問題是如何產(chǎn)生的润脸？怎樣解決?
- 產(chǎn)生：亂碼一般在英文以外的字符才會(huì)出現(xiàn)。當(dāng)我們保存編寫的html文件時(shí),編輯器會(huì)把我們寫入的文字使用編輯器默認(rèn)的編碼方式進(jìn)行保存。（例如：Sublime編輯器鸦采，默認(rèn)的編碼方式是utf-8）而在使用瀏覽器打開html文件時(shí)，它并不知道你的文件使用什么編碼方式咕幻，于是使用了瀏覽器默認(rèn)的解碼方式進(jìn)行解析渔伯。（例如：Chrome打開時(shí)默認(rèn)使用 ISO -8859的解碼方式）最后導(dǎo)致編碼和解碼不匹配，產(chǎn)生亂碼肄程。
- 解決：在文件保存時(shí)要明白編輯器是用哪種編碼方式保存的（sublime默認(rèn)保存方式是utf-8锣吼，如果安裝了插件也可另存為gbk，其它IDE可以做設(shè)置保存格式）蓝厌。如果你的文件是保存為utf-8格式玄叠，那么一定要在html 的
<head>里添加<meta charset="utf-8">,好讓瀏覽器在解析文件的時(shí)候識(shí)別出來，直接用utf-8格式去解碼拓提，其他格式同理读恃。
2. 顏色有幾種寫法， 紅色代态、 綠色寺惫、藍(lán)色、白色蹦疑、黑色如何表示西雀？ 透明黑色如何表示？#ccc的顏色歉摧， #eee的顏色艇肴？ #333的顏色？
- 顏色的寫法分為三種格式：
- 使用一個(gè)關(guān)鍵字
- 使用RGB立體坐標(biāo)系統(tǒng)（以“#”加十六進(jìn)制或者 rgb() 和 rgba() 函數(shù)表達(dá)式的形式）
- 使用HSL圓柱坐標(biāo)系統(tǒng)（以 hsl() 和 hsla() 函數(shù)表達(dá)式的形式）
- 紅色
red ; #ff0000 ; rgb(255,0,0) ; hsl(0或360, 100%,50%)
- 綠色
green ; #008000 ; rgb(0,255,0) ; hsl(120,100%,50%)
- 藍(lán)色
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. 嚴(yán)格模式和混雜模式指什么券盅？meta有什么作用帮哈，常見的值有哪些?
- 嚴(yán)格模式：瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面。
- 混雜模式：頁面以一種比較寬松的向后兼容的方式顯示锰镀∧锸蹋混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作咖刃。
<meta>
- 作用：除了提供文檔字符集、使用語言憾筏、作者等基本信息外嚎杨，還涉及對(duì)關(guān)鍵詞和網(wǎng)頁等級(jí)的設(shè)定。
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與 http-equiv 或 name 屬性相關(guān)的元信息 |
| http_equiv | content-type expires refresh set-cookie |
把 content 屬性關(guān)聯(lián)到 HTTP 頭部氧腰。 |
| name | author description keywords generator revised others |
把 content 屬性關(guān)聯(lián)到一個(gè)名稱枫浙。 |
| scheme | some_text | 定義用于翻譯 content 屬性值的格式 |
5. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用,常見的瀏覽器有哪些，有什么內(nèi)核?
- 作用：這個(gè)屬性主要是設(shè)置瀏覽器優(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)核
