什么是网页
- 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
- 网页是指网站中的一"页",通常是 HTML 格式的文件,他要通过浏览器来阅读。
- 网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,唱见以.htm或.html后缀结尾的文件,因此将其俗称为 HTML 文件。
HTML介绍
- HTML(Hyper Text Markup Language)中文译为:超文本标记语言,专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。
- HTML 不是一种编程语言,而是一种标记语言 (markup language)。
- 标记语言是一套标记标签 (markup tag)。
常用浏览器
- 浏览器:是网页显示、运行的平台,是前端开发必备的利器。
- 常见的五大浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(chrome)、Safari浏览器、欧朋浏览器(Opera)
- 浏览器市场份额
浏览器内核
渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
浏览器出品的公司不同,内在的渲染引擎也是不同的
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
FireFox | Gecko | 火狐浏览器 |
Safari | Webkit | 苹果浏览器 |
Chrome/Opera/Edge | Blink | Blink其实就是WebKit的分支、2021年,最新的Edge浏览器也投入了Chrome的怀抱 |
WARNING
- 渲染引擎不同,导致解析相同代码时的 速度、性能、效果也是不同的
- 谷歌浏览器的渲染引擎速度最快、性能高、效果好、所以更吸引用户的喜爱(推荐)
Web标准组成
不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异,如果用户想看一个网页,结果用不同浏览器打开效果不同,用户体验极差!Web标准让不同的浏览器按照相同的标准显示结果,让展示的效果统一!
Web标准组成
构成 | 语言 | 说明 |
---|---|---|
结构 | HTML | 页面元素和内容 |
表现 | CSS | 网页元素的外观和位置等页面样式(如:颜色、大小等等) |
行为 | JavaScript | 网页模型的定义与页面交互 |
Web标准要求页面实现:结构、表现、行为三层分离。