1.HTML初识

1.认识网页（了解）
问题1：网页由哪些部分组成？
文字、图片、音频、视频、超链接
问题2：我们看到的网页背后本质是什么？
前端程序员写的代码
问题3：前端的代码是通过什么软件转换成用户眼中的页面的？
通过浏览器转化（解析和渲染）成用户看到的网页
2.渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分
浏览器出品的公司不同，内在的渲染引擎也是不同的
IE浏览器 内核是：Trident
chrome 内核是：Blink(Blink是webkit的分支)
Safari 内核是：webkit
渲染引擎不同，导致解析相同代码时的 速度、性能、效果也不同的
谷歌浏览器的渲染引擎速度快、性能高、效果好，所以更吸引用户的喜爱（推荐）
小结：
五大浏览器有哪些？
• IE浏览器
• 火狐浏览器（Firefox）
• 谷歌浏览器（Chrome）
• Safari浏览器
• 欧朋浏览器（Opera）
Ø 相同的网页在不同浏览器中显示效果会完全一致吗？
• 因为不同浏览器渲染引擎不同，解析的效果会存在差异
Ø 前端工程师日常推荐使用哪一个浏览器？
• 谷歌浏览器（Chrome）
3.Web标准
为什么需要Web标准？
不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异
• 如果用户想看一个网页，结果用不同浏览器打开效果不同，用户体验极差！
Ø Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一！
Web标准中分成三个构成：
构成 语言 说明
结构 html 页面元素和内容
表现 css 网页元素的外观和位置等页面样式（如颜色、大小等）
行为 jsp 网页模型的定义与页面交互