HTML基础知识（1）

1.1.1 认识网页（了解）

网页由哪些部分组成？
✓ 文字、图片、音频、视频、超链接
我们看到的网页背后本质是什么？
✓ 前端程序员写的代码
前端的代码是通过什么软件转换成用户眼中的页面的？
✓ 通过浏览器转化（解析和渲染）成用户看到的网页

1.2.1五大浏览器

浏览器：是网页显示、运行的平台，是前端开发必备利器
➢ 常见的五大浏览器：
• IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）
➢ 浏览器市场份额

1.2.2渲染引擎

➢渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分
➢ 浏览器出品的公司不同，内在的渲染引擎也是不同的：

注意点：
• 渲染引擎不同，导致解析相同代码时的 速度、性能、效果也不同的
• 谷歌浏览器的渲染引擎速度快、性能高、效果好，所以更吸引用户的喜爱（推荐）

1.3.1web标准

为什么需要web标准

➢ 不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异
• 如果用户想看一个网页，结果用不同浏览器打开效果不同，用户体验极差！
➢ Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一！

1.3.2 web标准的构成

web标准分三个构成：

Web标准的记忆方法：

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

1.3.4小结

➢ Web标准的构成有哪些？分别通过什么语言表示？
• 结构：HTML → 页面元素
• 表现：CSS → 页面样式
• 行为：JavaScript → 页面交互的动态效果