1.网页乱码的问题是如何产生的？怎样解决？
下面这个流程是我们写入文件到展示文件的简单描述：
1.我们使用编辑器编写 HTML 文件
2.保存编写的HTML文件
3.使用浏览器打开HTML文件
4.HTML文件在浏览器展示
乱码产生的根源就在与第2步骤和第4步。
而乱码产生的根本原因是你保存的编码格式和浏览器解析时的解码格式不匹配导致的，一般是英文以外的字符才会出现。而使用不同解码格式解析英文时却不会产生乱码。这是因为utf-8、gbk对英文都是采用1个字节的编码方式，并且使用相同的字码。
2.颜色有几种写法？
几种取值
色彩关键字！
色彩关键字是不区分大小写的标识符，它表示一个具体的颜色，例如 red, blue, brown, lightseagreen。使用名称来表述颜色，尽管（颜色的）名称基本上是人工（命名）的。可接受值的列表经由不同的规范而变化了许多：
CSS Color Module Level 3
transparent 关键字!
关键字表示一个完全透明的颜色，即该颜色看上去将是背景色。从技术上说，它是带有阿尔法通道为最小值的黑色，是 rgba(0,0,0,0)的简写。
currentColor关键字！
关键字代表原始的 color
属性的计算值。它允许让继承自属性或子元素的属性颜色属性以默认值不再继承。它也能用于那些继承了元素的 color
属性计算值的属性，相当于在这些元素上使用 inherit关键字，如果这些元素有该关键字的话。
rgb（）！
颜色可以使用红-绿-蓝（red-green-blue (RGB)）模式的两种方式被定义：
十六进制号 #RRGGBB 和 #RGB:
"#" 后跟6位十六进制字符（0-9, A-F）。
"#" 后跟3位十六进制字符（0-9, A-F）。
三位数的 RGB 符号（#RGB）和六位数的形（#RRGGBB）是相等的。例如， #f03 和 #ff0033 代表同样的颜色。函数符 rgb(R,G,B)。
函数符 rgb(R,G,B)
rgb:
" 后跟3个 <integer>
或3个 percentage整数 255 相当于 100%，和十六进制符号里的 F 或 FF 。
hsl()!
函数符被定义为色相-饱和度-明度（Hue-saturation-lightness）模式。HSL 相比 RGB 的优点是更加直观：
你可以估算你想要的颜色，然后微调。它也更易于创建相称的颜色集合。（通过保持相同的色相并改变明度/暗度和饱和度）。
饱和度和明度由百分数来表示。100%
是满饱和度，而 0%是一种灰度。100%
明度是白色， 0% 明度是黑色，而 50%明度是“一般的”。
举例：
| 颜色 | 关键字写法 | 十六进制写法 | RGB写法 | HSL写法 |
|---|---|---|---|---|
| 红色 | red | #ff0000 | rgb(255,0,0) | hsl(0, 100%,50%) |
| 绿色 | green | #008000 | rgb(0,128,0) | hsl(120,100%,50%) |
| 蓝色 | blue | #0000ff | rgb(0,0,255) | hsl(240,100%,50%) |
| 白色 | white | #ffffff | rgb(255,255,255) | hsl(0,0%,100%) |
| 黑色 | black | #000000 | rgb(0,0,0) | hsl(360,0%,0%) |
Paste_Image.png
3. <!doctype html>的作用是什么?
浏览器使用 严格模式 对页面进行渲染IE 6 for Windows/mac, Mozilla, Safari和Opera 都实现了这两种模式，但是IE 6以下版本永远定在了怪异模式。
什么是DOCTYPE呢？DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。
4.严格模式和混杂模式指什么?
- Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
- 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式
- 在标准模式中，浏览器以其支持的最高标准呈现页面，；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。
- 混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
5.meta有什么作用，常见的值有哪些？
<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information)，比如描述、针对搜索引擎的关键词以及刷新频率。
| 属性 | 描述 |
|---|---|
| content | 设置或返回 <meta> 元素的 content 属性的值。 |
| httpEquiv | 把 content 属性连接到一个 HTTP 头部。 |
| name | 把 content 属性连接到某个名称。 |
| scheme | 设置或返回用于解释 content 属性的值的格式。 |
5.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用？
告诉浏览器以最新的方式
关于渲染
6.常见的浏览器有哪些，什么内核?
| 浏览器 | 内核 |
|---|---|
| Trident(IE内核 | IE6、IE7、IE8（Trident 4.0）、IE9（Trident 5.0）、IE10（Trident 6.0）；猎豹安全浏览器；360安全浏览器 ；360极速浏览器；傲游浏览器 ；搜狗高速浏览器； |
| Gecko(Firefox内核) | Firefox (火狐)或Windows、 BSD、Linux和Mac OS X中使用。 |
| **Webkit(Safari内核,Chrome内核原型,开源) | apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器、Google Chrome |
| **Blink(WebkitWebCore组件分支,Google与Opera Software共同开发) | Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。 |
网友评论