本教程版權(quán)歸凱旋和饑人谷所有挥等,轉(zhuǎn)載須說明來源
1.網(wǎng)頁亂碼是如何產(chǎn)生的?**
保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的。
解決方式:
首先在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的(sublime默認(rèn)保存方式是utf-8,如果安裝了插件也可另存為gbk敌买,其它IDE可以做設(shè)置保存格式)。文件保存為utf-8格式阶界,在html 的 <head>里添加<meta charset="utf-8">文件保存為gbk格式虹钮,在html 的 <head>添加<meta charset="gbk">
2. 顏色有幾種寫法, 紅色膘融、 綠色芙粱、藍(lán)色、白色氧映、黑色如何表示春畔? 透明黑色如何表示?#ccc的顏色岛都, #eee的顏色律姨? #333的顏色?
body { background-color: red; //直接以顏色名指定臼疫。}
body { background-color: rgd(80%, 40%, 0%); //按紅择份,綠,藍(lán)百分比數(shù)指定烫堤。}
body { background-color: rgd(204, 102, 0); //按0~255的紅缓淹,綠,藍(lán)分量值指定塔逃。}
body { background-color: #cc6600; //使用一個(gè)十六進(jìn)制碼指定,可簡(jiǎn)寫為#c60料仗。}```
| 顏色 | 英文 | 16進(jìn)制| RGB|
| :-------------: |:-------------:| :-------------:| :-------------:|
| 紅色 | red | #FF0000 | rgb(255,0,0) |
| 綠色| green | #00FF00 |rgb(0,255,0) |
| 藍(lán)色 | blue| #0000FF |rgb(0,0,255) |
| 白色 | white|#FFFFFF |rgb(255,255,255)|
| 黑色 | black|#000000|rgb(0,0,0)|
| 透明黑色 | -|-|rgb(0,0,0,0.6)|
``RGBA顏色值是RGB顏色值alpha通道的延伸 - 指定對(duì)象的透明度湾盗。 RGBA(紅,綠立轧,藍(lán)格粪,alpha)躏吊。 Alpha參數(shù)是一個(gè)介于0.0(完全透明)和1.0(完全不透明)之間的參數(shù)。}``
1帐萎、#ccc:灰色
![gray.png](http://upload-images.jianshu.io/upload_images/145951-04ca6114813e9cde.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
1比伏、2、 #eee:淺灰色
![light grey.png](http://upload-images.jianshu.io/upload_images/145951-107e3157f4a8c82a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
1疆导、2赁项、 #333:深灰色
![drak grey.png](http://upload-images.jianshu.io/upload_images/145951-7b5a95744188582e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
>*3*、<!doctype html>的作用是什么
`DOCTYPE是document type(文檔類型)的簡(jiǎn)寫澈段,在web設(shè)計(jì)中用來說明你用的XHTML或者HTML是什么版本悠菜。DOCTYPE聲明必須放在每一個(gè)XHTML文檔最頂部,在所有代碼和標(biāo)識(shí)之上败富。要建立符合標(biāo)準(zhǔn)的網(wǎng)頁悔醋,DOCTYPE聲明是必不可少的關(guān)鍵組成部分;除非你的XHTML確定了一個(gè)正確的DOCTYPE兽叮,否則你的標(biāo)識(shí)和CSS都不會(huì)生效芬骄。`
>*4*、嚴(yán)格模式和混雜模式指什么鹦聪?
`嚴(yán)格模式是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁面账阻,是一種要求嚴(yán)格的DTD,不允許使用任何表現(xiàn)層的語法椎麦,如<br/>宰僧。瀏覽器以其聲明的<!doctype html>最高標(biāo)準(zhǔn)呈現(xiàn)頁面
混雜模式則是一種向后兼容的解析方法,說的透明點(diǎn)就是可以實(shí)現(xiàn)IE5.5以下版本瀏覽器的渲染模式观挎。`
>*5*琴儿、meta有什么作用,常見的值有哪些嘁捷?
* <meta> 元素可提供有關(guān)頁面的元信息(meta-information)造成,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
* <meta> 標(biāo)簽位于文檔的頭部雄嚣,不包含任何內(nèi)容晒屎。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
常見的值
定義針對(duì)搜索引擎的關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定義對(duì)頁面的描述:
<meta name="description" content="免費(fèi)的 web 技術(shù)教程缓升。" />
定義頁面的最新版本:
<meta name="revised" content="David, 2008/8/8/" />
每 5 秒刷新一次頁面:
<meta http-equiv="refresh" content="5" />
| 屬性 | 值| 描述|
| :-------------: |:-------------:| :-------------:|
| charset |character encoding| 定義文檔的字符編碼鼓鲁。 |
| content| some_text |定義與 http-equiv 或 name 屬性相關(guān)的元信息。 |
| http-equiv | content-type,expires,refresh,set-cookie| 把 content 屬性關(guān)聯(lián)到 HTTP 頭部港谊。 |
| name | author,description,keywords,generator,revised,*others*|把 content 屬性關(guān)聯(lián)到一個(gè)名稱骇吭。 |
| scheme |some_text|定義用于翻譯 content 屬性值的格式。不支持歧寺。|
>6. `<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用燥狰?`
```"X-UA-Compatible"meta
標(biāo)簽允許網(wǎng)站作者選擇想要的版本的IE瀏覽器渲染頁面棘脐。
"IE=edge" 表示告知瀏覽器使用可使用的最高版本的內(nèi)核渲染頁面。
"chrome=1"表示如果IE瀏覽器有Google Chrome Frame龙致,將用GCF來渲染蛀缝。```
>7. 常見的瀏覽器有哪些,什么內(nèi)核
![饑人谷.png](http://upload-images.jianshu.io/upload_images/145951-34689534a84e13e5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)