第四弹-初识HTML
问答
一、网页乱码的问题是如何产生的？怎样解决 答案在这里
1.常见编码方式：万国码（UTF-8），中文简体（GBK），阿拉伯语（ISO-8859- 6），中文繁体（Big5）等等
2.网页乱码是由于在编辑器编辑网页和浏览器解释的时候编码方式不一致
例如在 atom 中默认的编码格式是utf-8，但是要求浏览器按照gbk解释
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>你好吗</title>
</head>
<body>
我很好！
</body>
</html>
就会出现下面的结果
Paste_Image.png
二、颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？
颜色有三种写法：
1. 颜色对应的英语 red 、green、 blue、 white、 black
2. 16进制表示 #ff000、#00ff00、 #0000ff 、#ffffff、#000000
3.RGB标识 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> 标签之前。告知浏览器的解析器， 用什么 文档类型规范 来解析这个文档。
<!doctype html> 的意思是所有按照html5的标准来解析
四、严格模式和混杂模式指什么
严格模式：<!doctype html>
混杂模式：不写<!doctype html>
五、meta有什么作用，常见的值有哪些
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性
- Keywords(关键字)
- description(网站内容描述)
- robots(机器人向导)
- author(作者)
2、http-equiv属性 - Expires(期限)
- Pragma(cache模式)
- Refresh(刷新)
- Set-Cookie(cookie设定)
- Window-target(显示窗口的设定)
- content-Type(显示字符集的设定)
六、 <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用
以上代码IE = edge告诉IE使用最新的引擎渲染网页，chrome = 1则可以激活Chrome Frame
摘抄自blog
七、常见的浏览器有哪些，什么内核
IE 使用的是Trident 又称IE内核
firefox使用的是 Gecko
safari 和chrome使用的是 Webkit
Opera使用的是 Presto
摘抄自blog
