問答
1.網(wǎng)頁亂碼問題
我一直很討厭gbk抓艳! 為了節(jié)約那么一點(diǎn)點(diǎn)空間放棄了通用性苗踪,還是utf-8比較合適
亂碼就是字符編碼設(shè)置不當(dāng)造成的颠区,個(gè)人認(rèn)為用utf-8就是了
2.顏色
應(yīng)該就是九種寫法
關(guān)鍵字顏色 #RRGGBB \ #RGB rgb() hsl() rgba() hsla() currentColor transparent rebeccapurple
紅色寫法
red
#ff0000
#f00
rgb(255,0,0)
綠色寫法
green
#008000
#080
rgb(0,128,0)
藍(lán)色寫法
blue
#0000FF
#00f
rgb(0,0,255)
白色寫法
write
#FFFFFF
#FFF
rgb(255,255,255)
黑色寫法
black
#000000
#000
rgb(0,0,0)
黑色透明寫法
.xxx{
color:rgb(0,0,0,0.x);
<!-- 0.x代表透明度-->
}
.xxx2{
color:#000;
opacity:0.x;
<!-- 0.x代表透明度-->
}
3. <!doctype html> 的作用是什么
聲明文檔的解析類型(document.compatMode),避免瀏覽器的怪異模式通铲。
document.compatMode: BackCompat:怪異模式毕莱,瀏覽器使用自己的怪異模式解析渲染頁面。 CSS1Compat:標(biāo)準(zhǔn)模式颅夺,瀏覽器使用W3C的標(biāo)準(zhǔn)解析渲染頁面央串。
這個(gè)屬性會(huì)被瀏覽器識(shí)別并使用,但是如果你的頁面沒有DOCTYPE的聲明碗啄,那么compatMode默認(rèn)就是BackCompat,
這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面质和,那么,在不同的瀏覽器就會(huì)顯示不同的樣式稚字。
如果你的頁面添加了<!DOCTYPE html>那么,那么就等同于開啟了標(biāo)準(zhǔn)模式胆描,那么瀏覽器就得老老實(shí)實(shí)的按照W3C的
標(biāo)準(zhǔn)解析渲染頁面瘫想,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個(gè)樣子了。
這就是<!DOCTYPE html>的作用筹裕。
ps.(個(gè)人以為就是讓瀏覽器知道是h5的標(biāo)準(zhǔn))
4.嚴(yán)格模式和混雜模式指什么
嚴(yán)格模式:按照確定的規(guī)范渲染頁面
混雜模式:以向下兼容的模式渲染頁面
5.meta 有什么作用,常見的值有哪些
<meta>元素可提供有關(guān)頁面的元信息
5.1. name標(biāo)簽
<meta name="keywords" content="HTML,ASP,PHP,SQL">
提供給搜索引擎的關(guān)鍵詞窄驹,用作seo等
5.2.http-equiv 屬性
http-equiv 屬性為名稱/值對(duì)提供了名稱朝卒。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對(duì)。
當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí)乐埠,會(huì)先發(fā)送許多名稱/值對(duì)抗斤。雖然有些服務(wù)器會(huì)發(fā)送許多這種名稱/值對(duì),但是所有服務(wù)器都至少要發(fā)送一個(gè):content-type:text/html丈咐。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔瑞眼。
頁面代碼
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
瀏覽器接受到的頭信息
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
5.3.content 屬性
content 屬性提供了名稱/值對(duì)中的值。該值可以是任何有效的字符串棵逊。
content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用伤疙。
5.4.scheme 屬性
scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應(yīng)該在由 <head> 標(biāo)簽的 profile 屬性指定的概況文件中進(jìn)行了定義歹河。
6.
<meta http-equiv="X-UA compatible"content="IE=edge,chrome=1"
有什么作用
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Edge 模式告訴 IE以最高級(jí)模式渲染文檔掩浙,也就是任何 IE版本都以當(dāng)前版本所支持的最高級(jí)標(biāo)準(zhǔn)模式渲染,避免版本升級(jí)造成的影響秸歧。簡(jiǎn)單的說厨姚,就是什么版本 IE就用什么版本的標(biāo)準(zhǔn)模式渲染
<meta http-equiv="X-UA-Compatible" content="chrome=1">
使用以下代碼強(qiáng)制 IE 使用 Chrome Frame 渲染
Goole Chrome瀏覽器內(nèi)嵌框架是一個(gè)開放源代碼插件,可將谷歌瀏覽器的開放網(wǎng)絡(luò)技術(shù)和快速JavaScript引擎與Internet Explorer無縫結(jié)合键菱。
ps.微軟的ie業(yè)界毒瘤阿
7.常見的瀏覽器有哪些谬墙,什么內(nèi)核
常見瀏覽器
opera chrome firefox edge(ie已死) 360瀏覽器 騰訊瀏覽器
uc瀏覽器 獵豹瀏覽器 (各種套殼瀏覽器等等)
瀏覽器分三類,套ie殼的,套第三方內(nèi)核所謂雙核(三核)瀏覽器经备,自己研發(fā)內(nèi)核默默付出的
一拭抬、Trident內(nèi)核代表產(chǎn)品Internet Explorer
二、Gecko內(nèi)核代表作品Mozilla
三侵蒙、WebKit內(nèi)核代表作品Safari造虎、Chromewebkit 是一個(gè)開源項(xiàng)目
四、Presto內(nèi)核代表作品OperaPresto是由Opera Software開發(fā)的瀏覽器排版引擎纷闺,供Opera 7.0及以上使用算凿。它取代了舊版Opera 4至6版本使用的Elektra排版引擎,包括加入動(dòng)態(tài)功能犁功,例如網(wǎng)頁或其部分可隨著DOM及Script語法的事件而重新排版氓轰。(現(xiàn)在opera也投入了chrome的懷抱)
本教程版權(quán)歸freeidea和饑人谷所有,轉(zhuǎn)載須說明來源