网页与浏览器的关系（0）

一、网页

网页的组成部分：

文字、图片、音频、视频、超链接

二、浏览器

浏览器是网页显示、运行的平台，是前端开发必需的一个平台

1.五大浏览器

IE浏览器（兼容性差）、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器（苹果自带）、欧朋浏览器（Opera）（没听说过）

2.使用量

3.渲染引擎（浏览器内核） 

定义：浏览器中专门对代码进行解析渲染的部分

注意：浏览器出品的公司不同，内在的浏览器引擎也是不同的

浏览器	内核	备注
IE	Trident	IE、猎豹浏览器、360浏览器、百度浏览器
FireFox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	Blink其实是Webkit的分支

注意点：

• 渲染引擎的不同，导致解析相同代码时的速度、性能、效果也是不同的
• 谷歌浏览器的渲染引擎速度快、性能高、效果好，所以更吸引用户的喜欢

 三、Web标准

1.为什么需要 Web标准

不同的浏览器渲染引擎的不同，对于相同代码的解析效果会有不同

用户方面：如果用户访问一个网页，但是使用不同的浏览器的效果不一样，那么用户体验很差

开发人员方面：需要针对各种浏览器进行编码，开发困难

2.Web标准的作用

让不同的浏览器按照相同的标准显示效果，让展示的效果统一！

 3.Web标准的构成

Web标准的三个构成

构成	语言	说明
结构	HTML	页面的元素和内容
表现	CSS	网页元素的外观和位置等页面样式（如：颜色、大小等）
行为	JavaScript	网页模型的定义与页面交互

Web标准要求页面实现：结构、表示、行为三层分离