基本概念
AI 摘要
认识网页
网页是由文字、图片、视频、音频、超链接等组成,为用户提供信息的交互界面。网页的本质就是前端程序员写的代码,然后通过浏览器进行解析和渲染,最后转换成用户的眼中的页面。
浏览器和渲染引擎
浏览器
浏览器是网页显示、运行的平台 ,是前端开发必备的工具。
常见的浏览器有:IE 浏览器(Internet Explorer)、Safari 浏览器、谷歌浏览器(Chrome)、欧朋浏览器(Opera)、火狐浏览器(Firefox)





常见的浏览器
提示
截至 2022 年 6 月 15 日,微软已宣布对 Internet Explorer 停止维护。(详细信息可参考微软官方公告)
渲染引擎
渲染引擎,即浏览器内核,是浏览器中专门对代码进行解析渲染的部分。浏览器出品的公司不同,内在的渲染引擎也有所不同:
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
FireFox | Gecko | 火狐浏览器内核 |
Safari | Webkit | 苹果浏览器内核 |
Chrome / Opera | Blink | Blink 其实是 Webkit 的分支 |
渲染引擎不同,导致解析相同代码时的速度、性能、效果也不同的。目前而言,谷歌浏览器的渲染引擎速度快、性能高、效果好,所以更吸引用户的喜爱(推荐)。
Web 标准
为什么需要 Web 标准?
不同的浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异;换言之,如果用户想看一个网页,用不同浏览器打开效果不同,就会导致用户体验极差。此时,WEB 标准应运而生。
WEB 标准:让不同的浏览器按照相同的标准显示结果,让展示的效果统一!
Web 标准的构成
WEB 标准分为三个组成部分:
组成 | 语言 | 说明 |
---|---|---|
结构 | HTML | 页面元素和内容 |
样式 | CSS | 网页元素的外观和位置等页面样式 |
行为 | JavaScript | 网页模型的定义和页面交互 |
WEB 标准要求页面实现:结构、表现、行为三者分离。