網頁亂碼的問題是如何產生的？怎樣解決

網頁亂碼主要是因為瀏覽器對HTML網頁的編碼解釋錯誤，HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成的。（一般多為中文)
解決辦法為：在HTML文件的head中添加<meta charset="編碼">

顏色有幾種寫法

1. 英文單詞寫法
   語法為：color:red、color:blue

2. 十六進制數字寫法
   以16進制代碼表示，一般以“#”號開頭，后面分別為R、G、B的16位進制數。 FF為最大數，代表十進制255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是#000000

3. RGB寫法
   RGB的取值都是0~255
   分別指定R/G/B，也就是紅/綠/藍三種原色的強度，通常規定，每一種顏色強度最低為 0，最高為255。語法為：rgb(127,127,127)

4. RGBA和HSLA顏色寫法（CSS 3支持)
   RGBA為RGB顏色+Alpha空間，提供了使用透明色的通道。
   語法為：rgba(255,0,0,0.5)
   HSL為即色相、飽和度、亮度（英語：Hue, Saturation, Lightness）。語法為：hsla(120,100%,50%,0.3)

doctype html 的作用是什么

DOCTYPE是一種生命，必須放在每一個XHTML文檔最頂部，在所有代碼和標識之上。在網頁中告訴瀏覽器此篇文檔的標識，瀏覽器自動切換到恰當的呈現模式，以便正確顯示由doctype聲明所指定的文檔種類。

嚴格模式和混雜模式指什么

• 嚴格模式應該也稱為標準模式，嚴格按照標準執行代碼，使瀏覽器根據規范呈現頁面，排版和js運作模式是以瀏覽器最高規范來運行。

• 混雜模式也被稱為怪異模式，是一種比較寬松的向后兼容的模式，混雜模式通常模擬老式瀏覽器的行為，以防止老站點無法工作。各個瀏覽器解析代碼的方式不同，所以稱為混雜模式，doctype不存在或格式不正確會導致文檔以混雜模式呈現。

meta 有什么作用，常見的值有哪些

meta標簽用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
http-equiv相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值是content，content中的內容就是各個參數的變量值。

一、http-equiv屬性

1.Expires:用于設定網頁的到期時間。網頁一旦到期，必須從服務器接收數據。
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞

2.Pragma:cache模式-用于設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從cache中再調出，從而無法脫機瀏覽
＜meta http-equiv="Pragma" content="no-cache"＞

3.Set-Cookie:cookie設定-如果網頁過期，那么存盤中的cookie將被刪除
＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
4.Refresh：刷新機制-表示自動刷新并指向新頁面
＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
2指的是2秒后自動刷新到新的URL網址。

5.Window-target:顯示窗口的設定-強制頁面在當前窗口以獨立頁面顯示，防止別人在框架里調用自己的頁面
＜meta http-equiv="Window-target" content="_top"＞

6.content-Type：設定頁面使用的字符集
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞

7.Pics-label：網頁等級評定，在IE的Internet選項中可以設置來防止瀏覽一些受限制的網站，網站的限制級別就是通過這個屬性來設置的
<meta http-equiv="Pics-label" contect="">

8.cache-control:清除緩存，再次訪問這個網站要重新下載
<meta http-equiv="cache-control" content="no-cache">

9.Access-Control-Allow-Origin:跨域請求
<meta http-equiv="Access-Control-Allow-Origin" content="*">
允許跨域訪問

10.content-language:顯示語言的設定
<meta http-equiv="Content-Language"content="zh-cn"/>

11.imagetoolbar:指定是否顯示圖片工具欄，false表示不顯示
<meta http-equiv="imagetoolbar"content="false"/>

12.Content-Script-Type:W3C網頁指定頁面中的腳本的類型：
<meta http-equiv="Content-Script-Type"Content="text/javascript">

二、name屬性

name屬性主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
1.keywords:設置關鍵字，給搜索引擎用的
<meta name="keywords" content="keyword1,keyword2,keyword3">

2.description：頁面描述
<meta name="description" content="This is my page">

3.robots:用于告訴搜索機器人哪些頁面需要索引，哪些頁面不用
<meta name="robots"content="none">
content的參數有all（文件將被檢索，且頁面上的鏈接可以被查詢）,none（文件將不被檢索，且頁面上的鏈接不可以被查詢）,index（文件將被檢索）,noindex（文件將不被檢索，但頁面上的鏈接可以被查詢）,follow（頁面上的鏈接可以被查詢）,nofollow（文件將被檢索，但頁面上的鏈接不可以被查詢）。默認是all。

4.author:標注網頁的作者
<meta name="author"content="root,root@xxxx.com">

5.generator:說明網站采用什么軟件做的
<meta name="generator"content="信息參數"/>

6.copyright:網站版權信息
<meta name="copyright" content="信息參數">

常見的瀏覽器有哪些，什么內核

1. Internet Explorer瀏覽器
   內核為Trident，沿用到現在的IE8.

2. Chrome 瀏覽器
   內核為WebKit

3. Firefox火狐瀏覽器
   內核為Gecko

4. Safari瀏覽器
   內核為WebKit

5. Opera瀏覽器
   內核為Presto