問答
一、網(wǎng)頁亂碼的問題是如何產(chǎn)生的忙上？怎樣解決 答案在這里
1.常見編碼方式：萬國碼（UTF-8）拷呆，中文簡體（GBK），阿拉伯語（ISO-8859- 6）疫粥，中文繁體（Big5）等等
2.網(wǎng)頁亂碼是由于在編輯器編輯網(wǎng)頁和瀏覽器解釋的時候編碼方式不一致
例如在 atom 中默認(rèn)的編碼格式是utf-8茬斧，但是要求瀏覽器按照gbk解釋
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>你好嗎</title>
</head>
<body>
我很好！
</body>
</html>
就會出現(xiàn)下面的結(jié)果
![]()
Paste_Image.png
二手形、顏色有幾種寫法啥供， 紅色、 綠色库糠、藍色伙狐、白色、黑色如何表示瞬欧？ 透明黑色如何表示贷屎？#ccc的顏色， #eee的顏色艘虎？ #333的顏色唉侄？
顏色有三種寫法：
1. 顏色對應(yīng)的英語 red 、green野建、 blue属划、 white、 black
2. 16進制表示 #ff000候生、#00ff00同眯、 #0000ff 、#ffffff唯鸭、#000000
3.RGB標(biāo)識 rgb（255,0,0）须蜗、rgb（0,255,0）rgb（0,0,255）rgb（255,255,255）rgb（0,0,0）
#ccc的顏色和 #eee的顏色是深灰色
#333的顏色 是接近于白色的淺灰色
以下是代碼示例：
<pre>
<!doctype html>
<html>
<meta charset="utf-8">
<head>
<title>常見顏色</title>
<style type="text/css">
red{
background-color :red;
}
.red{
background-color: #ff0000;
}
[color=red]{
background-color: rgb(255, 0, 0);
}
green{
background-color :green;
}
.green{
background-color: #00ff00;
}
[color=green]{
background-color: rgb(0,255,0);
}
blue{
background-color :blue;
}
.blue{
background-color: #0000ff;
}
[color=blue]{
background-color: rgb(0, 0,255);
}
white{
background-color :white;
}
.white{
background-color: #ffffff;
}
[color=white]{
background-color: rgb(255, 255,255);
}
black{
background-color :black;
}
.black{
background-color: #000000;
}
[color=black]{
background-color: rgb(0, 0,0);
}
[rgba=black]{
background-color: rgba(0, 0, 0, 0);
}
</style>
</head>
<body>
<table border="1" width=50% align= "center">
<col align= "center"/>
<tr>
<th>顏色</th>
<th>英文顯示</th>
<th>16進制顯示</th>
<th>RGB顯示</th>
</tr>
<tr>
<td>紅色</td>
<td id="red"></td>
<td class="red"></td>
<td color="red"></td>
</tr>
<tr>
<td>綠色</td>
<td id="green"></td>
<td class="green"></td>
<td color="green"></td>
</tr>
<tr>
<td>藍色</td>
<td id="blue"></td>
<td class="blue"></td>
<td color="blue"></td>
</tr>
<tr>
<td>白色</td>
<td id="white"></td>
<td class="white"></td>
<td color="white"></td>
</tr>
<tr>
<td>黑色</td>
<td id="black"></td>
<td class="black"></td>
<td color="black"></td>
</tr>
<tr>
<td>透明黑色</td>
<td></td>
<td ></td>
<td rgba="black"></td>
</tr>
</table>
</body>
</html>
</pre>
![]()
Paste_Image.png
三、<!doctype html>的作用是什么
<!DOCTYPE> 聲明位于文檔中的最前面目溉，處于 <html> 標(biāo)簽之前明肮。告知瀏覽器的解析器， 用什么 文檔類型規(guī)范 來解析這個文檔缭付。
<!doctype html> 的意思是所有按照html5的標(biāo)準(zhǔn)來解析
四柿估、嚴(yán)格模式和混雜模式指什么
嚴(yán)格模式：<!doctype html>
混雜模式：不寫<!doctype html>
五、meta有什么作用陷猫，常見的值有哪些
meta標(biāo)簽共有兩個屬性官份，它們分別是http-equiv屬性和name屬性只厘，不同的屬性又有不同的參數(shù)值，這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能舅巷。
1羔味、name屬性
- Keywords(關(guān)鍵字)
- description(網(wǎng)站內(nèi)容描述)
- robots(機器人向?qū)?
- author(作者)
2、http-equiv屬性 - Expires(期限)
- Pragma(cache模式)
- Refresh(刷新)
- Set-Cookie(cookie設(shè)定)
- Window-target(顯示窗口的設(shè)定)
- content-Type(顯示字符集的設(shè)定)
六钠右、 <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用
以上代碼IE = edge告訴IE使用最新的引擎渲染網(wǎng)頁赋元，chrome = 1則可以激活Chrome Frame
摘抄自blog
七、常見的瀏覽器有哪些飒房，什么內(nèi)核
IE 使用的是Trident 又稱IE內(nèi)核
firefox使用的是 Gecko
safari 和chrome使用的是 Webkit
Opera使用的是 Presto
摘抄自blog
