一.网页乱码的问题是如何产生的？怎样解决？
1.产生原因：
简单来说就是使用编辑器写代码时保存一个申明编码方式为A的文件，浏览器使用编码方式B去打开文件，
若A和B相同则不会出现乱码，若A与B不同则会出现乱码；
注：若文件使用纯英文字符编写，即使A与B不同也不会出现乱码
实例：
如图一，所示文档保存为申明以UTF-8编码的文档：
图一
如图二，申明以UTF-8编码的文档使用GBK去打开出现乱码，但是纯英文字符部分未出现乱码：
图二
如图三，申明以UTF-8编码的文档使用UTF-8去打开没有出现乱码：
图三
2.解决办法：
使用编辑器写html文件时，在头元素之间申明所用编码方式，则浏览器打开文件时就使用已申明的编码方式打开文件；
如使用UTF-8编写代码：
则在头元素添加<meta charset="utf-8">；
常见编码方式：万国码（UTF-8），中文简体（GBK），阿拉伯语（ISO-8859-6），中文繁体（Big5）等等
二.颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？
- 名称：红（red），绿（green），蓝（blue），黑（black），白（white）,黄（yellow）等等；
- 十六进制：红（#ff0000），绿（#00ff00），蓝（#0000ff），黑色（#000000），白（#ffffff），黄（#ffff00）等等
- 十进制rgb(num1,num2,num3):红 rgb（255,0,0），绿 rgb（0,255,0），蓝 rgb（0,0,255），黑色 rgb（0,0,0），白 rgb（255,255,255），黄 rgb（255,255,0）等等；
- 透明属性rgb（0,0,0,0）：其中括号内的第四个数字为透明属性，值为0~1之间，1为不透明，0为全透明，如透明黑色表示为：rgb（0,0,0,0）；
如图，分别为#ccc和#eee和#333的字体颜色显示：
可以看到#ccc呈灰色颜色较浅，#eee也呈灰色但是颜色非常的浅几乎看不到，#333呈较明显的灰色，三种都呈灰色灰度不同；
三种不同灰度的字体颜色
三.<!doctype html> 的作用是什么
位于html文件的开始，它申明文档的类型，且它之前不能有任何内容（包括换行符和空格等），否则将使文档声明无效。它相当于对文本进行规则确定，文档开头有此申明即文本为严格/标准模式，未申明则为混杂模式；
四.严格模式和混杂模式指什么
当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性，
为了实现向后兼容性，他们创建了两种呈现模式：标准模式和混杂模式
- 在标准模式中，浏览器以其支持的最高标准呈现页面；
- 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作；
五.meta 有什么作用，常见的值有哪些
1. 作用：
1.帮助主页被各大搜索引擎登录，其中一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录， 提高网站的访问量；
2.定义页面的使用语言，这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言；
2.常见的值：
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的属性值，这些不同的属性值就实现了不同的网页功能；
- name属性常见值：Keywords(关键字)，description(网站内容描述)，robots(机器人向导)，author(作者)；
- http-equiv属性常见值:Expires(期限)，Pragma(cache模式，禁止脱机浏览)，Refresh(刷新)，Set-Cookie(cookie设定，网页过期删除cookie)，Window-target(显示窗口的设定)，content-Type(显示字符集的设定)；
六.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">有什么作用
该条属性主要是设置浏览器优先使用什么模式来渲染页面的，
IE=edge告诉IE使用最新的引擎渲染页面，chrome=1则可以激活Chrome 引擎来渲染页面.
七.常见的浏览器有哪些，什么内核？
- Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
- Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。
- WebKit内核代表作品Safari、Chromewebkit 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。
- Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。
声明：本博客版权归兰文聪和饥人谷所有，转载需说明来源！
网友评论