<!doctype html> 的作用是什么？
告訴瀏覽器這是一個(gè)html文檔，請(qǐng)用標(biāo)準(zhǔn)的html語(yǔ)義來解析該文檔徘铝。
網(wǎng)頁(yè)亂碼是如何產(chǎn)生的？如何解決惯吕？
1.沒有給指定的html文件指定編碼類型
2.保存html文件時(shí)惕它，指定了和html文件不一致的編碼類型
解決的方法也很簡(jiǎn)單，只需要將以上二者的編碼類型統(tǒng)一即可废登。比如在html文件中的head部分的meta元素中將編碼類型設(shè)定為utf-8,那么保存文件的類型也設(shè)置為utf-8的類型淹魄。如下圖
utf-8.png
utf-82.png
顏色的表示方式有幾種?
顏色的表示方式一共有三種
- 英文字母
- 十六進(jìn)制
- RGB
如以下例子
- 紅色
1.英文字母 red
2.十六進(jìn)制 #FF0000
3.RGB rgb(255, 0 ,0) - 綠色
1.英文字母 green
2.十六進(jìn)制 #008000
3.RGB rgb(0,255,0) - 藍(lán)色
1.英文字母 blue
2.十六進(jìn)制 #0000FF
3.RGB rgb(0,0,255) - 白色
1.英文字母 White
2.十六進(jìn)制 #FFFFFF
3.RGB rgb(255, 255 ,255) - 黑色
1.英文字母 red
2.十六進(jìn)制 #000000
3.RGB rgb(0, 0 ,0)
如果想讓顏色透明可用CSS3的透明度來設(shè)置值。（數(shù)值越小越透明）
rgba(255, 0, 0, 0.2)
另外如果想要全部透明的堡距，包括文字的話甲锡，（非IE中有01之間的范圍，IE的話0100,數(shù)值越小越不透明羽戒，數(shù)值越大越透明）
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
嚴(yán)格模式和混雜模式
帶有doctype聲明的為嚴(yán)格模式
沒有doctype聲明的為混雜模式
meta有什么作用缤沦，常見的值有哪些
主要作用是 利于搜索引擎優(yōu)化和指定網(wǎng)頁(yè)字符集
meta 有兩個(gè)屬性 分別是
- name屬性---網(wǎng)頁(yè)描述
- keywords 網(wǎng)頁(yè)關(guān)鍵字
- description 網(wǎng)頁(yè)描述
- http-equiv屬性 --- http的文件頭作用
- content-Type 設(shè)定字符集
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用
這段代碼是Google開發(fā)的一個(gè)Google Chrome Frame「Google Chrome 瀏覽器內(nèi)嵌框架 – GCF]。用來告訴瀏覽器易稠，如果啟動(dòng)了GCF,則使用chrome核心來渲染缸废，如果沒有啟動(dòng)GCF,則用IE的最高級(jí)瀏覽器來渲染。
常見的瀏覽器
- 谷歌瀏覽器---WebKit（瀏覽器內(nèi)核）
- 火狐瀏覽器---Gecko （瀏覽器內(nèi)核）
- Safari瀏覽器---WebKit （瀏覽器內(nèi)核）
- Opera瀏覽器---WebKit （瀏覽器內(nèi)核）
- IE 瀏覽器---Trident （瀏覽器內(nèi)核）
