一、網(wǎng)頁(yè)亂碼的問(wèn)題是如何產(chǎn)生的?怎樣解決?
產(chǎn)生原因:亂碼產(chǎn)生的根本原因是因?yàn)槟惚4娴木幋a格式和瀏覽器解析的解析格式不匹配導(dǎo)致的。亂碼一般以英文以外的字符出現(xiàn)。
解決方式:文件保存的時(shí)候要清楚是用哪種編碼方式保存的,要保證html保存的編碼格式與瀏覽器的解析格式一致。可以寫(xiě)代碼時(shí)在html中加入meta charset編碼標(biāo)簽加以說(shuō)明。例如如果文件的保存編碼格式是“utf-8”格式,那么在html的<head> </head>里面加入<meta charset="utf-8">,告訴瀏覽器解碼這個(gè)文件的時(shí)候直接使用utf-8解碼。
二、顏色有幾種寫(xiě)法, 紅色、 綠色、藍(lán)色、白色、黑色如何表示? 透明黑色如何表示?#ccc的顏色, #eee的顏色? #333的顏色?
1.顏色有3種寫(xiě)法:
顏色 | 十六進(jìn)制寫(xiě)法 | rgb寫(xiě)法 | 英文關(guān)鍵字寫(xiě)法 |
---|---|---|---|
紅色 | #FF0000 | rgb(255,0,0) | red |
綠色 | #00FF00 | rgb(0,255,0) | green |
藍(lán)色 | #0000FF | rgb(0,0,255) | blue |
白色 | #FFFFFF | rgb(255,255,255) | white |
黑色 | #000000 | rgb(0,0,0) | black |
2.透明黑色寫(xiě)法:rgba(0,0,0,0.9),0.9為alpha值,alpha值取0~1之間。alpha值不同表示透明程度不同,數(shù)值越大表示越透明。
3.#ccc 表示灰色, #eee表示淺灰色,#333表示深灰色。
三、<!doctype html>的作用是什么?嚴(yán)格模式和混雜模式指什么?
- doctype意思是document type(文檔類(lèi)型),用來(lái)說(shuō)明你用的HTML或者XHTML是什么版本。作用是告訴瀏覽器以W3C規(guī)定的HTML5標(biāo)準(zhǔn)去渲染頁(yè)面。
- 嚴(yán)格模式和混雜模式:
1、定義:嚴(yán)格模式是瀏覽器根據(jù)W3C標(biāo)準(zhǔn)去解析頁(yè)面,適用于新的W3C規(guī)范下的瀏覽器。
混雜模式是一種比較寬松的向后兼容的模式。混雜模式通常模擬老式瀏覽器的行為,以防止老站點(diǎn)無(wú)法工作。 實(shí)現(xiàn)IE5.5以下版本的渲染。
2、模式觸發(fā):瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來(lái)選擇要使用的呈現(xiàn)方法。如果XHTML、HTML 4.01文檔包含形式完整的DOCTYPE,那么它一般以嚴(yán)格模式呈現(xiàn)。包含過(guò)渡DTD和URI的DOCTYPE也導(dǎo)致頁(yè)面以嚴(yán)格模式呈現(xiàn),但是有過(guò)渡DTD而沒(méi)有URI會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。
四、meta 有什么作用,常見(jiàn)的值有哪些?
1、Meta標(biāo)簽是HTML標(biāo)記HEAD區(qū)的一個(gè)關(guān)鍵標(biāo)簽,它位于HTML文檔的<head>和<title>之間(有些也不是在<head>和<title>之間)。meta除了提供文檔字符集、使用語(yǔ)言、作者等基本信息外,還涉及對(duì)關(guān)鍵詞和網(wǎng)頁(yè)等級(jí)的設(shè)定。
2、常見(jiàn)的值:
必須屬性與可選屬性
五、<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?
強(qiáng)制瀏覽器按照最新的標(biāo)準(zhǔn)去渲染,添加”chrome=1“將允許站點(diǎn)在使用了谷歌瀏覽器內(nèi)嵌框架(Chrome Frame)的客戶(hù)端渲染,對(duì)于沒(méi)有使用的,則沒(méi)有任何影響。
六、常見(jiàn)的瀏覽器有哪些,什么內(nèi)核?
瀏覽器 | 內(nèi)核 |
---|---|
IE | Trident |
Mozilla Firefox | Gecko |
Google Chrome | Webkit |
Safari | WebKit |
Opera | Presto |
本教程版權(quán)歸作者和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源!
、