前端基础问题

网页乱码的问题是如何产生的？怎样解决

网页乱码主要是因为浏览器对HTML网页的编码解释错误，HTML文件保存的编码与浏览器解释的编码不一致造成的。（一般多为中文)
解决办法为：在HTML文件的head中添加<meta charset="编码">

颜色有几种写法

1. 英文单词写法
   语法为：color:red、color:blue

2. 十六进制数字写法
   以16进制代码表示，一般以“#”号开头，后面分别为R、G、B的16位进制数。 FF为最大数，代表十进制255。比如白色是R、G、B三个颜色最大，在网页代码便是：#FFFFFF。黑色是三个颜色为0，在网页代码便是#000000

3. RGB写法
   RGB的取值都是0~255
   分别指定R/G/B，也就是红/绿/蓝三种原色的强度，通常规定，每一种颜色强度最低为 0，最高为255。语法为：rgb(127,127,127)

4. RGBA和HSLA颜色写法（CSS 3支持)
   RGBA为RGB颜色+Alpha空间，提供了使用透明色的通道。
   语法为：rgba(255,0,0,0.5)
   HSL为即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。语法为：hsla(120,100%,50%,0.3)

doctype html 的作用是什么

DOCTYPE是一种生命，必须放在每一个XHTML文档最顶部，在所有代码和标识之上。在网页中告诉浏览器此篇文档的标识，浏览器自动切换到恰当的呈现模式，以便正确显示由doctype声明所指定的文档种类。

严格模式和混杂模式指什么

• 严格模式应该也称为标准模式，严格按照标准执行代码，使浏览器根据规范呈现页面，排版和js运作模式是以浏览器最高规范来运行。

• 混杂模式也被称为怪异模式，是一种比较宽松的向后兼容的模式，混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作。各个浏览器解析代码的方式不同，所以称为混杂模式，doctype不存在或格式不正确会导致文档以混杂模式呈现。

meta 有什么作用，常见的值有哪些

meta标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值是content，content中的内容就是各个参数的变量值。

一、http-equiv属性

1.Expires:用于设定网页的到期时间。网页一旦到期，必须从服务器接收数据。
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞

2.Pragma:cache模式-用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从cache中再调出，从而无法脱机浏览
＜meta http-equiv="Pragma" content="no-cache"＞

3.Set-Cookie:cookie设定-如果网页过期，那么存盘中的cookie将被删除
＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
4.Refresh：刷新机制-表示自动刷新并指向新页面
＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
2指的是2秒后自动刷新到新的URL网址。

5.Window-target:显示窗口的设定-强制页面在当前窗口以独立页面显示，防止别人在框架里调用自己的页面
＜meta http-equiv="Window-target" content="_top"＞

6.content-Type：设定页面使用的字符集
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞

7.Pics-label：网页等级评定，在IE的Internet选项中可以设置来防止浏览一些受限制的网站，网站的限制级别就是通过这个属性来设置的
<meta http-equiv="Pics-label" contect="">

8.cache-control:清除缓存，再次访问这个网站要重新下载
<meta http-equiv="cache-control" content="no-cache">

9.Access-Control-Allow-Origin:跨域请求
<meta http-equiv="Access-Control-Allow-Origin" content="*">
允许跨域访问

10.content-language:显示语言的设定
<meta http-equiv="Content-Language"content="zh-cn"/>

11.imagetoolbar:指定是否显示图片工具栏，false表示不显示
<meta http-equiv="imagetoolbar"content="false"/>

12.Content-Script-Type:W3C网页指定页面中的脚本的类型：
<meta http-equiv="Content-Script-Type"Content="text/javascript">

二、name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
1.keywords:设置关键字，给搜索引擎用的
<meta name="keywords" content="keyword1,keyword2,keyword3">

2.description：页面描述
<meta name="description" content="This is my page">

3.robots:用于告诉搜索机器人哪些页面需要索引，哪些页面不用
<meta name="robots"content="none">
content的参数有all（文件将被检索，且页面上的链接可以被查询）,none（文件将不被检索，且页面上的链接不可以被查询）,index（文件将被检索）,noindex（文件将不被检索，但页面上的链接可以被查询）,follow（页面上的链接可以被查询）,nofollow（文件将被检索，但页面上的链接不可以被查询）。默认是all。

4.author:标注网页的作者
<meta name="author"content="root,root@xxxx.com">

5.generator:说明网站采用什么软件做的
<meta name="generator"content="信息参数"/>

6.copyright:网站版权信息
<meta name="copyright" content="信息参数">

常见的浏览器有哪些，什么内核

1. Internet Explorer浏览器
   内核为Trident，沿用到现在的IE8.

2. Chrome 浏览器
   内核为WebKit

3. Firefox火狐浏览器
   内核为Gecko

4. Safari浏览器
   内核为WebKit

5. Opera浏览器
   内核为Presto