網(wǎng)頁的亂碼問題
主要是html的內(nèi)容與瀏覽器中的編碼不一致導(dǎo)致的。主要問題是出在非英文的語言字符上。要使網(wǎng)頁不產(chǎn)生亂碼，一定要保證文檔在保存和編寫的時(shí)候的編碼格式一致。即，保存的時(shí)候，使用的utf-8，那么在網(wǎng)頁編寫中，要寫上<meta chartset=utf-8>html顏色的寫法
1.#ff0022：16進(jìn)制的寫法.字母不區(qū)分大小寫。其中#是代碼聲明的顏色，ff是代表三原色中的紅色，00代碼三原色中的綠色，22是代表三原色中的藍(lán)色(如果每個(gè)代表顏色的位數(shù)中數(shù)值一樣，那么可用省略法寫，即00=0)
2.rgb（r,g,b）或者rgba（r,g,b,a）:10進(jìn)制寫法，同樣的，r代表紅色，g綠色，b藍(lán)色。取值范圍是0255。另一種加rgba的寫法，則是加上了一個(gè)alpha通道，a=alpha。取值范圍是01。0是完全透明，1是完全不透明，值越大，越不透明。
3.rgb(50%,23%,80%)：用rgb的百分比來取值。
紅色、 綠色、藍(lán)色、白色、黑色這些常見色可以用red,green,blue,white,black等表示；也可以用16進(jìn)制，#FF0000， #008000，#0000FF， #FFFFFF，#000000；還可以用rgb(255,0,0),rgb(0,255,0),rgb(0,0,255),rgb(255,255,255),rgb(0,0,0)。透明黑色呢，顧名思義，加個(gè)alpaha通道，rgba(0,0,0,0)。
顏色:#eee
顏色：#333
doctype html 的作用
DOCTYPE html，即文檔聲明，聲明此文檔是html5的格式，用來告訴瀏覽器的渲染方式。
如果不添加此句標(biāo)簽，則瀏覽器默認(rèn)會(huì)用自己的類型來解析文本，就會(huì)出現(xiàn)每個(gè)瀏覽器可能最終渲染出來的樣式都不一樣。加上了這句話，就是告訴瀏覽器，用html5的標(biāo)準(zhǔn)來渲染，那么大家最后展現(xiàn)出來的頁面就是用統(tǒng)一的標(biāo)準(zhǔn)顯示的了。嚴(yán)格模式和混雜模式
嚴(yán)格模式是指用標(biāo)準(zhǔn)格式來渲染頁面，混雜模式則是向下兼容的一種格式。這兩種模式要看是否用了doctype的文檔申明以及申明的dtd類型來確定。meta標(biāo)簽
<meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
META標(biāo)簽共有兩個(gè)屬性，它們分別是Http-equiv屬性和Name屬性。
Http-equiv屬性語法格式是：<meta http-equiv="參數(shù)" content="參數(shù)變量值">
| 參數(shù) | 用法 | 說明 |
|---|---|---|
| Expires（期限） | <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> |
可以用于設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新傳輸。注意：必須使用GMT的時(shí)間格式。 |
| Pragma（Cache模式） | <meta http-equiv="pragma" content="no-cache"> |
禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容。 注意：這樣設(shè)定訪問者將無法脫機(jī)瀏覽。 |
| Refresh（刷新） | <meta http-equiv="refresh" content="2；url=http://www.onchina.net"> |
自動(dòng)刷新并指向新頁面。注意：其中的"2"是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址，可以更改，但建議不要改得太大。 |
| Set-cookie（Cookie設(shè)定） | <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT；path=/"> |
如果網(wǎng)頁過期，那么存盤的Cookie將被刪除。必須使用GMT的時(shí)間格式。 |
| Window-target（顯示窗口的設(shè)定） | <meta http-equiv="window-target" content="_top"> |
強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。用來防止別人在框架里調(diào)用自己的頁面。 |
| Content-type（顯示字符集的設(shè)定） | <meta http-equiv="content-type" content="text/html; charset=gb2312"> |
設(shè)定頁面使用的字符集。html5中已經(jīng)簡(jiǎn)化了這種寫法，可直接寫上<meta charset=utf-8>
|
Name屬性語法格式是：'<meta name="參數(shù)" content="具體的參數(shù)值"> '
| 參數(shù) | 用法 | 說明 |
|---|---|---|
| Keywords（關(guān)鍵字） | <meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human"> |
Keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。 |
| Description（網(wǎng)站內(nèi)容描述） | <meta name="description" content="This page is about the meaning of science, education,culture."> |
Description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。 |
| Robots（機(jī)器人向?qū)В?/td> | <meta name="robots" content="none"> |
Robots用來告訴搜索機(jī)器人需要索引的頁面有哪些。Content的參數(shù)有All、None、Index、Noindex、Follow、Nofollow。默認(rèn)是All。 |
| Author(作者) | <meta name="author" content="zys666,zys666@21cn.com"> |
標(biāo)注網(wǎng)頁的作者 |
參考文章：HTML<meta>
- **
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"的作用
**
http-equiv="X-UA-compatible"：是IE8的專用標(biāo)記，是用來指定IE8 瀏覽器模擬某個(gè)特定版本IE瀏覽器的渲染方式，以此來解決IE瀏覽器的兼容問題。如果系統(tǒng)安裝ie8或以上版本，則使用最高版本ie渲染。
chorme=1：是指如果支持Google Chrome Frame：GCF，則使用GCF渲染。
Google Chrome Frame：這段是Google開發(fā)的一個(gè)Google Chrome Frame「Google Chrome 瀏覽器內(nèi)嵌框架 – GCF」。使用GCF可以讓用戶的IE瀏覽器外觀不變，但用戶在瀏覽網(wǎng)頁時(shí)實(shí)際上使用的是Chrome的內(nèi)核，并且支持Windows XP及以上系統(tǒng)的IE6/7/8。
而第一段中提到的代碼則是指定該頁面使用Chrome內(nèi)核來做渲染，前提是用戶必須已經(jīng)安裝了Google Chrome Frame。
總結(jié)這段代碼就是，如果安裝了GCF，則使用GCF來渲染頁面「”chrome=1″」；如果沒有安裝GCF，則使用最高版本的IE內(nèi)核進(jìn)行渲染「”IE=edge”」，如果沒有安裝IE8或以上，則忽略此設(shè)定。
-
常見的瀏覽器有哪些，什么內(nèi)核
常見主流的瀏覽器分別有IE,chrome,safari,firefox,opera等
國(guó)內(nèi)各種雙核瀏覽器主要使用的是Trident和WebKit內(nèi)核。
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | 微軟家的老牌瀏覽器，現(xiàn)已有edge。使用的是Trident內(nèi)核 |
| chrome | 谷歌瀏覽器 使用的內(nèi)核是WebKit |
| safari | 蘋果系統(tǒng)mac OS IOS等的瀏覽器，同樣使用的是WebKit內(nèi)核 |
| firefox | 火狐瀏覽器 使用的是自主研發(fā)的Gecko內(nèi)核 |
| opera | 歐朋瀏覽器 曾經(jīng)使用的內(nèi)核是Presto,現(xiàn)已改用Google Chrome的Blink內(nèi)核 |
Trident：代表產(chǎn)品Internet Explorer，又稱其為IE內(nèi)核。Trident（又稱為MSHTML），是微軟開發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括：IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
Gecko：Netscape6開始采用的內(nèi)核，后來的Mozilla FireFox(火狐瀏覽器) 也采用了該內(nèi)核，Gecko的特點(diǎn)是代碼完全公開，因此，其可開發(fā)程度很高，全世界的程序員都可以為其編寫代碼，增加功能。因?yàn)檫@是個(gè)開源內(nèi)核，因此受到許多人的青睞，Gecko內(nèi)核的瀏覽器也很多，這也是Gecko內(nèi)核雖然年輕但市場(chǎng)占有率能夠迅速提高的重要原因。
Presto：Opera12.17及更早版本曾經(jīng)采用的內(nèi)核，現(xiàn)已停止開發(fā)并廢棄，該內(nèi)核在2003年的Opera7中首次被使用，該款引擎的特點(diǎn)就是渲染速度的優(yōu)化達(dá)到了極致，然而代價(jià)是犧牲了網(wǎng)頁的兼容性。
Webkit：
它是蘋果公司自己的內(nèi)核，也是蘋果的Safari瀏覽器使用的內(nèi)核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是從KDE的KHTML及KJS引擎衍生而來，它們都是自由軟件，在GPL條約下授權(quán)，同時(shí)支持BSD系統(tǒng)的開發(fā)。所以Webkit也是自由軟件，同時(shí)開放源代碼。在安全方面不受IE、Firefox的制約，所以Safari瀏覽器在國(guó)內(nèi)還是很安全的。
參考文章：百度百科
