1. 网页乱码的问题是如何产生的？怎样解决？
乱码产生的根本原因是你保存时的编码格式和浏览器解析时的解码格式不匹配。
解决方法：在编写网页时即指明文件的编码方式，这样浏览器便会用对应的解码方式去解析该网页。例如，如果你的文件是保存为utf-8格式，那么一定要在html的<head>里添加<meta charset="utf-8">，意在让浏览器使用utf-8来解码。
2. 颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？
颜色有三种写法：英文单词，RGB色彩，十六进制色彩
红、绿、蓝、白、黑用三种写法可分别表示为：
| red | green | blue | white | black |
|---|---|---|---|---|
| rgb(255,0,0) | rgb(0,255,0) | rgb(0,0,255) | rgb(255,255,255) | rgb(0,0,0) |
| #ff0000 | #00ff00 | #0000ff | #ffffff | #000000 |
透明黑色：rgba(0,0,0,0.5)
三种颜色#ccc，#eee，#333分别如下：
3. <!doctype html>的作用是什么？
<!doctype html>是文档声明，是指示 web 浏览器使用HTML5的规范来渲染页面的指令，这样获知文档类型的浏览器才能使用相应的HTML版本来解析这个文档。该声明必须位于HTML文档的第一行，在 <html> 标签之前。
4. 严格模式和混杂模式指什么？
严格模式：其排版和js运作模式是以该浏览器支持的最高标准运行，用于呈现遵循最新标准的网页。
混杂模式：也叫怪异模式，用于呈现为传统浏览器而设计的网页。在该模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作，DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
5. meta有什么作用，常见的值有哪些？
meta元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述、关键词、文档作者、最后修改日期等，这些元数据将用于浏览器（布局内容或重载页面）、搜索引擎（关键字）及其它网络服务。好的meta标签设置不仅对于搜索引擎有益，而且对于提升用户体验和网站的访问量都起到非常重要的作用。
meta的常用属性有两种：name和http-equiv。
name属性主要用于描述网页，比如网页的关键词和叙述等，对应content属性，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取和分类信息。其语法格式是：<meta name="参数" content="具体的描述">。
常见值：
keywords（关键字）:<meta name="keywords" content="HTML,CSS,JS">
description（页面描述）:<meta name="description" content="This is a test">
author（网页作者）:<meta name="author" content="nora,nora@163.com">
http-equiv属性相当于http的文件头作用，对应content属性，content中的内容就是各个参数的变量值。它可以向浏览器传回一些有用的信息，以正确和精确地显示网页内容。其语法格式是：＜meta http-equiv="参数" content="参数值"＞
常见值：
content-type（设定页面字符集）:
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
refresh（自动刷新并指向新页面）:<meta http-equiv="refresh" content="5"/>
参考资料
6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用？
X-UA-Compatible是IE8的一个专有<meta>属性，在html的<head>标签中使用，用来指定IE8采用何种IE版本去渲染网页，以此来解决IE浏览器的兼容问题。IE=edge告诉IE浏览器使用最新的edge内核标准来渲染网页，chrome=1则可以激活Chrome Frame。这样写可以达到的效果是如果安装了 Google Chrome Frame，则使用 GCF 来渲染页面，如果没有安装 GCF，则使用最高版本的 IE 内核进行渲染。
参考资料
7. 常见的浏览器有哪些，什么内核？
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | Trident |
| Chrome | WebKit |
| Firefox | Gecko |
| Safari | WebKit |
| Opera | Presto |
本文章著作权归饥人谷_Nora和饥人谷所有，转载须说明来源
