1. 网页乱码的问题是如何产生的？
乱码产生的根本原因是文件保存的编码格式和浏览器解析时的解码格式不匹配导致的。要规避这种问题的话就要求我们平时在保存文件的时候清楚自己是用哪种编码方式保存的。如果你的文件是保存为utf-8格式，那么一定要在html 的<head>里添加<meta charset="utf-8">，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加<meta charset="gbk">。
** 扩展：**[解答] 关于浏览器乱码
字符编码笔记：ASCII，Unicode和UTF-8
2. 颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色，#eee的颜色？#333的颜色？
颜色的写法有3种：英文命令颜色；十六进制颜色；RGB颜色
透明黑色的表示方法为：rgba(0,0,0,0)
“#ccc 灰色；#eee 浅灰；#333 深灰”
| 颜色 | 英文命令颜色 | 十六进制颜色 | RGB颜色 |
|---|---|---|---|
| 红色 | red | #FF0000 | rgb(255,0,0) |
| 绿色 | green | #00FF00 | rgb(0,255,0) |
| 蓝色 | blue | #0000FF | rgb(0,0,255) |
| 白色 | white | #FFFFFF | rgb(255,255,255) |
| 黑色 | black | #000000 | rgb(0,0,0) |
3. <!doctype html>的作用是什么？
<!doctype html>则是说明这是html5标准的hmtl文档，以此来告诉浏览器应该以html5标准来呈现页面。而且这个声明必须在html文档的第一行，位于所有标签的前面。 <!doctype>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。这种声明没有结束标签，对大小写不敏感。
扩展： HTML <!DOCTYPE> 标签
4. 严格模式和混杂模式指什么？
在标准模式中，浏览器根据规范呈现页面； 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。
扩展：Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
5. meta有什么作用，常见的值有哪些 ?
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
必要属性：
可选属性：
扩展：HTML <meta> 标签常用meta整理
HTML meta标签总结与属性的使用介绍
6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用？
X-UA-Compatible是IE8的一个专有属性，用于为 IE8 指定不同的页面渲染模式，对于ie8之外的浏览器是不识别的。 IE=edge 会强制浏览器按照最新的标准去渲染。 chrome=1“将允许站点在使用了谷歌浏览器内嵌框架（Chrome Frame）的客户端渲染，对于没有使用的，则没有任何影响。
扩展： IE 8兼容：X-UA-Compatible的解释**
7. 常见的浏览器有哪些，什么内核?
| Browser | LOYOUT ENGINE |
|---|---|
| Internet Explorer | IE6,IE7,IE8 |
| Mozilar Firefox | Gecko |
| Microsoft Edge | Webkit |
| google chrome | Webkit |
| Apple Safari | Webkit |
本文著作权归作者所有；如需转载请联系饥人谷，并注明原文出处。
