前端基礎(chǔ)問題

網(wǎng)頁亂碼的問題是如何產(chǎn)生的?怎樣解決

網(wǎng)頁亂碼主要是因?yàn)闉g覽器對HTML網(wǎng)頁的編碼解釋錯誤,HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成的。(一般多為中文)
解決辦法為:在HTML文件的head中添加<meta charset="編碼">

顏色有幾種寫法

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

  2. 十六進(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

  3. RGB寫法
    RGB的取值都是0~255
    分別指定R/G/B,也就是紅/綠/藍(lán)三種原色的強(qiáng)度,通常規(guī)定,每一種顏色強(qiáng)度最低為 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是一種生命,必須放在每一個(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)核

  1. Internet Explorer瀏覽器
    內(nèi)核為Trident,沿用到現(xiàn)在的IE8.

  2. Chrome 瀏覽器
    內(nèi)核為WebKit

  3. Firefox火狐瀏覽器
    內(nèi)核為Gecko

  4. Safari瀏覽器
    內(nèi)核為WebKit

  5. Opera瀏覽器
    內(nèi)核為Presto

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)聲明位于位于HTML文檔中的第一行,處于 標(biāo)簽之前。...
    MrThorn閱讀 618評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,993評論 19 139
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,268評論 1 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,815評論 1 92
  • 剛?cè)肟硬痪?,給大家分享一下我的手賬用品有哪些?(づ???)づ~~~ 大家想看手賬拼貼的話往期的內(nèi)容就有,小白一枚,...
    寂憶念閱讀 343評論 0 1