任務(wù)四作業(yè)

一、網(wǎng)頁亂碼的問題

1、如何產(chǎn)生?

亂碼產(chǎn)生的根本原因是你保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的。亂碼一般是英文以外的字符才會出現(xiàn),比如瀏覽器的默認(rèn)解碼方式是utf-8,而在編寫代碼時(shí)是用GBK,編碼方式保存,打開時(shí)就會產(chǎn)生網(wǎng)頁亂碼,反之亦然。

2、怎樣解決?

可以根據(jù)自己的編碼格式,在html頭部添加編碼格式來規(guī)定網(wǎng)頁的編碼。如果html網(wǎng)頁設(shè)置了編碼,但是瀏覽器仍用舊的編碼方式打開網(wǎng)頁,也可以設(shè)置瀏覽器的打開網(wǎng)頁的編碼格式,最好是開啟瀏覽器自動檢測網(wǎng)頁編碼的功能。

二、顏色問題

1、有幾種寫法?紅色、綠色、藍(lán)色、白色、黑色如何表示?

顏色的三種常見寫法:直接寫顏色名、6位16進(jìn)制的代碼表示法、rgb(r,g,b);

|顏色|一|二|三|
| ---- | :----: | ----- |
|純紅 |red |#FF0000|(255,0,0) (100%,0%,0%)
|純綠|green|#008000|(0,128,0)
|純藍(lán)|blue|#0000FF|(0,0,255) (0%,0%,100%)
|純白|White|#FFFFFF|(255,255,255) (100%,100%,100%,)
|黑色|Black|#000000|(0,0,0)(0%,0%,0%,)

注:
如bgcolor=#ff0000;其中#只是表示使用6位16進(jìn)制的顏色代碼聲明顏色。代碼的頭兩位即ff表示三原色中的紅色,范圍是16進(jìn)制的00-ff,中間兩位即00表示綠色,最后兩位即00表示藍(lán)色,00表示沒有顏色,ff表示顏色最強(qiáng)。

通過rgb(r,g,b),括號中的r,g,b分別用0-255的十進(jìn)制數(shù)或百分比表示紅綠藍(lán)

2、透明黑色如何表示?

透明黑色(0,0,0,0)
用rgba(0-255,0-255,0-255,0-1);其中a表示顏色的透明度,取值范圍為0-1(可寫小數(shù)),0表示完全透明。

3.#ccc的顏色,#eee的顏色,#333的顏色?

對應(yīng)顏色依次是中灰色、淺灰色、深灰色。

三、<!doctype html> 的作用是什么

文檔聲明,告訴瀏覽器使用了html5規(guī)范的文檔。

四、嚴(yán)格模式和混雜模式指什么

  • 混雜模式(quirks mode):又稱怪異模式或兼容模式。混雜模式可以維持IE5以及更低版本的向后兼容性。就是可以實(shí)現(xiàn)IE5以下版本瀏覽器的渲染模式。混雜模式通常模擬老式瀏覽器的行為,以防止老站點(diǎn)無法工作。
  • 嚴(yán)格模式(standards mode):又稱標(biāo)準(zhǔn)模式,是指瀏覽器按照
    W3C標(biāo)準(zhǔn)解析代碼,讓IE的行為更接近標(biāo)準(zhǔn)行為。
    http://www.cnblogs.com/wuqiutong/p/5986191.html

五、meta

1、有什么作用?

meta標(biāo)簽提供關(guān)于HTML文檔的一些信息,這些信息不會顯示在頁面上,但是對于機(jī)器是可讀的。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他web服務(wù)。

2、常見值?

屬性
content some_text
http-equiv content-type/expire/refresh/set-cookie
Name author/description/keywords/generator/revised/其它
Scheme some_text;
Charset character encoding

六、<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?

這是個(gè)是IE8的專用標(biāo)記,用來指定IE8瀏覽器去模擬某個(gè)特定版本的IE
瀏覽器的渲染方式,以此來解決部分兼容問題。常見寫法如下:

  • <meta http-equiv="X-UA-Compatible" content="IE=7">
    以上代碼告訴IE瀏覽器,無論是否用DTD聲明文檔標(biāo)準(zhǔn),IE8/9都會以
    IE7引擎來渲染頁面。
  • <meta http-equiv="X-UA-Compatible" content="IE=8"> 以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。
  • <meta http-equiv="X-UA-Compatible" content="IE=edge">
    以上代碼告訴IE瀏覽器,IE8/9及以后的版本都會以最高版本IE來渲染頁面。
  • <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
    <meta http-equiv="X-UA-Compatible" content="IE=7,9">
    <meta http-equiv="X-UA-Compatible"content="IE=Edge,chrome=1">
    以上代碼IE=edge告訴IE使用最新的引擎渲染網(wǎng)頁,chrome=1則可以激活Chrome Frame.chrome這樣的值,是谷歌內(nèi)嵌瀏覽器框架GCF(
    Google Chrome Frame)。這個(gè)插件可以讓用戶的IE瀏覽器外不變,但用戶在瀏覽網(wǎng)頁時(shí),實(shí)際上使用的是Google Chrome瀏覽器內(nèi)核,而且支持IE6、7、8等多個(gè)版本的IE瀏覽器。
    http://www.tuicool.com/articles/ra6Fjuj

七、常見的瀏覽器有哪些,什么內(nèi)核

  • IE、遨游、360:IE內(nèi)核(Trident),是微軟開發(fā)的一種排版引擎;
  • Firefox:Gecko內(nèi)核是一套開放源代碼的、以C++編寫的網(wǎng)頁排版引擎。Gecko是最流行的排版引擎之一,僅次于Trident;
  • Google Chrome,Safari:WebKit內(nèi)核是一個(gè)開源項(xiàng)目,包含了來自KDE項(xiàng)目和蘋果公司的一些組件,主要用于Mac OS系統(tǒng),它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對網(wǎng)頁代碼的兼容性不高,導(dǎo)致一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁無法正常顯示。
  • Opera 7.0及以上:Presto內(nèi)核
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,805評論 1 92
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,555評論 1 19
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,270評論 0 4
  • 前言 轉(zhuǎn)自博客園 原文 一、簡單介紹一下什么是瀏覽器內(nèi)核。瀏覽器最重要或者說核心的部分是“Rendering En...
    吳晗君閱讀 3,682評論 1 30
  • 我想說的:人沒有絕對是好的,或者壞的之分。剖析事物表面,才能看到本質(zhì)。但是,這里的本質(zhì)可能只是自己想看到的。 一個(gè)...
    季曉蒿閱讀 716評論 9 9