一、网页
网页的组成部分:
文字、图片、音频、视频、超链接
二、浏览器
浏览器是网页显示、运行的平台,是前端开发必需的一个平台
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标准要求页面实现:结构、表示、行为三层分离