前端7班-张磊磊
猿
在第二节课的时候若愚老师在课上提出了三个问题，让我们回家去思考。
- utf-8和gbk的差别？
- 常见的浏览器有哪些，有哪些内核？
- px和em，rem的区别？
问题一：utf-8和gbk的差别？
UTF-8：Unicode TransformationFormat-8bit，允许含BOM，但通常不含BOM。是用以解决国际上字符的一种多字节编码，它对英文使用8位（即一个字节），中文使用24为（三个字节）来编码。UTF-8包含全世界所有国家需要用到的字符，是国际编码，通用性强。UTF-8编码的文字可以在各国支持UTF8字符集的浏览器上显示。如，如果是UTF8编码，则在外国人的英文IE上也能显示中文，他们无需下载IE的中文语言支持包。
GBK是国家标准GB2312基础上扩容后兼容GB2312的标准。GBK的文字编码是用双字节来表示的，即不论中、英文字符均使用双字节来表示，为了区分中文，将其最高位都设定成1。GBK包含全部中文字符，是国家编码，通用性比UTF8差，不过UTF8占用的数据库比GBD大。
总结：UTF-8是国际性编码，通用性更强，相当于英语。GBK是中国国家性编码通用性相对差一些，相当于汉语，不过UTF8占用的数据库比GBK大。
问题二：常见的浏览器有哪些，有哪些内核？
</br>
常见浏览器
常用浏览器：
Internet Explorer
微软的 Internet Explorer(IE) 是当今最流行的因特网浏览器。它发布于 1995 年，并于 1998 年在使用人数上超过了 Net scape。
Netscape
Netscape 是首个商业化的因特网浏览器。它发布于 1994 年。在 IE 的竞争下，Netscape 逐渐丧失了它的市场份额。
Mozilla
Mozilla 项目是从 Netscape 的基础上发展起来的。今天，基于 Mozilla 的浏览器已经演变为因特网上第二大的浏览器家族，市场份额为大约 20%。
Firefox
Firefox 是由 Mozilla 发展而来的新式浏览器。它发布于 2004 年，并已成长为因特网上第二大最流行的浏览器。
Opera
Opera 是挪威人发明的因特网浏览器。它以下列特性而闻名于世：快速小巧、符合工业标准、适用于多种操作系统。对于一系列小型设备诸如手机和掌上电脑来说，Opera 无疑是首选的浏览器。
Chrome
Chrome 是免费的开源 web 浏览器，它由 Google 开发。该浏览器于 2008 年 9 月发布。Chrome 4 是最新的谷歌浏览器。
Safari
Safari 是由苹果公司开发的浏览器，适用于 Mac 和 Windows 系统。该浏览器于 2003 年 6 月发布。
常用浏览器内核：
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语法的事件而重新排版。
问题三：px和em，rem的区别？
PX介绍及特点：
像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
- IE无法调整那些使用px作为单位的字体大小
- 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位
- Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)
em介绍及特点：
- em的值并不是固定的
- em会继承父级元素的字体大小
rem介绍及特点：
rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。
- 可以做到只修改根元素就成比例地调整所有字体大小
- 可以避免字体大小逐层复合的连锁反应
测试一下：
<div style="font-size:16px">
<p>测试一下px</p>aa
</div>
<div style="font-size:2em">
<p style="font-size:2em">测试一下em</p>
</div>
<div style="font-size:1rem">
<p style="font-size:2rem">测试一下rem</p>
</div>
Test
问题四：严格模式VS混杂模式？
-
严格模式，浏览器根据规范呈现页面。
-
混杂模式，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。
-
是
网友评论