網(wǎng)頁亂碼的問題是如何產(chǎn)生的?怎樣解決
網(wǎng)頁亂碼主要是因?yàn)闉g覽器對HTML網(wǎng)頁的編碼解釋錯誤,HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成的。(一般多為中文)
解決辦法為:在HTML文件的head中添加<meta charset="編碼">
顏色有幾種寫法
英文單詞寫法
語法為:color:red、color:blue十六進(jìn)制數(shù)字寫法
以16進(jìn)制代碼表示,一般以“#”號開頭,后面分別為R、G、B的16位進(jìn)制數(shù)。 FF為最大數(shù),代表十進(jìn)制255。比如白色是R、G、B三個(gè)顏色最大,在網(wǎng)頁代碼便是:#FFFFFF。黑色是三個(gè)顏色為0,在網(wǎng)頁代碼便是#000000
RGB寫法
RGB的取值都是0~255
分別指定R/G/B,也就是紅/綠/藍(lán)三種原色的強(qiáng)度,通常規(guī)定,每一種顏色強(qiáng)度最低為 0,最高為255。語法為:rgb(127,127,127)
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是一種生命,必須放在每一個(gè)XHTML文檔最頂部,在所有代碼和標(biāo)識之上。在網(wǎng)頁中告訴瀏覽器此篇文檔的標(biāo)識,瀏覽器自動切換到恰當(dāng)?shù)某尸F(xiàn)模式,以便正確顯示由doctype聲明所指定的文檔種類。
嚴(yán)格模式和混雜模式指什么
嚴(yán)格模式應(yīng)該也稱為標(biāo)準(zhǔn)模式,嚴(yán)格按照標(biāo)準(zhǔn)執(zhí)行代碼,使瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面,排版和js運(yùn)作模式是以瀏覽器最高規(guī)范來運(yùn)行。
混雜模式也被稱為怪異模式,是一種比較寬松的向后兼容的模式,混雜模式通常模擬老式瀏覽器的行為,以防止老站點(diǎn)無法工作。各個(gè)瀏覽器解析代碼的方式不同,所以稱為混雜模式,doctype不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
meta 有什么作用,常見的值有哪些
meta標(biāo)簽用來描述一個(gè)HTML網(wǎng)頁文檔的屬性,例如作者、日期和時(shí)間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁功能。
http-equiv相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對應(yīng)的屬性值是content,content中的內(nèi)容就是各個(gè)參數(shù)的變量值。
一、http-equiv屬性
1.Expires:用于設(shè)定網(wǎng)頁的到期時(shí)間。網(wǎng)頁一旦到期,必須從服務(wù)器接收數(shù)據(jù)。
<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">
2.Pragma:cache模式-用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容,設(shè)定后一旦離開網(wǎng)頁就無法從cache中再調(diào)出,從而無法脫機(jī)瀏覽
<meta http-equiv="Pragma" content="no-cache">
3.Set-Cookie:cookie設(shè)定-如果網(wǎng)頁過期,那么存盤中的cookie將被刪除
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">
4.Refresh:刷新機(jī)制-表示自動刷新并指向新頁面
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
2指的是2秒后自動刷新到新的URL網(wǎng)址。
5.Window-target:顯示窗口的設(shè)定-強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示,防止別人在框架里調(diào)用自己的頁面
<meta http-equiv="Window-target" content="_top">
6.content-Type:設(shè)定頁面使用的字符集
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
7.Pics-label:網(wǎng)頁等級評定,在IE的Internet選項(xiàng)中可以設(shè)置來防止瀏覽一些受限制的網(wǎng)站,網(wǎng)站的限制級別就是通過這個(gè)屬性來設(shè)置的
<meta http-equiv="Pics-label" contect="">
8.cache-control:清除緩存,再次訪問這個(gè)網(wǎng)站要重新下載
<meta http-equiv="cache-control" content="no-cache">
9.Access-Control-Allow-Origin:跨域請求
<meta http-equiv="Access-Control-Allow-Origin" content="*">
允許跨域訪問
10.content-language:顯示語言的設(shè)定
<meta http-equiv="Content-Language"content="zh-cn"/>
11.imagetoolbar:指定是否顯示圖片工具欄,false表示不顯示
<meta http-equiv="imagetoolbar"content="false"/>
12.Content-Script-Type:W3C網(wǎng)頁指定頁面中的腳本的類型:
<meta http-equiv="Content-Script-Type"Content="text/javascript">
二、name屬性
name屬性主要用于描述網(wǎng)頁,與之對應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。
1.keywords:設(shè)置關(guān)鍵字,給搜索引擎用的
<meta name="keywords" content="keyword1,keyword2,keyword3">
2.description:頁面描述
<meta name="description" content="This is my page">
3.robots:用于告訴搜索機(jī)器人哪些頁面需要索引,哪些頁面不用
<meta name="robots"content="none">
content的參數(shù)有all(文件將被檢索,且頁面上的鏈接可以被查詢),none(文件將不被檢索,且頁面上的鏈接不可以被查詢),index(文件將被檢索),noindex(文件將不被檢索,但頁面上的鏈接可以被查詢),follow(頁面上的鏈接可以被查詢),nofollow(文件將被檢索,但頁面上的鏈接不可以被查詢)。默認(rèn)是all。
4.author:標(biāo)注網(wǎng)頁的作者
<meta name="author"content="root,root@xxxx.com">
5.generator:說明網(wǎng)站采用什么軟件做的
<meta name="generator"content="信息參數(shù)"/>
6.copyright:網(wǎng)站版權(quán)信息
<meta name="copyright" content="信息參數(shù)">
常見的瀏覽器有哪些,什么內(nèi)核
Internet Explorer瀏覽器
內(nèi)核為Trident,沿用到現(xiàn)在的IE8.Chrome 瀏覽器
內(nèi)核為WebKitFirefox火狐瀏覽器
內(nèi)核為GeckoSafari瀏覽器
內(nèi)核為WebKitOpera瀏覽器
內(nèi)核為Presto