一、网页的基础认知
目标:认识网页组成和五大浏览器,明确Web标准的构成,使用HTML骨架搭建出一个网页
一)认识网页:
1.网页的基本组成部分:文字、图片、音频那个、视频、超链接.......
2.网页背后的本质:程序员所写的代码
3.前端代码通过什么软件变成页面?通过浏览器(解析和渲染)成用户看到的网页
二)五大浏览器
浏览器:是网页显示、运行的平台,是前端开发的必备利器
常见的五大浏览器:ie浏览器、火狐浏览器、谷歌浏览器、safari浏览器、oper浏览器..........(后两个为苹果专用)推荐使用谷歌浏览器
三)渲染引擎
渲染引擎(浏览器内核):是浏览器中专门对代码进行解析渲染的部分;
不同公司所推出的浏览器,其使用的内在渲染引擎也是不同的,渲染引擎不同,会导致解析相同代码时的速度、性能、效果都不一样。
四)Web标准:
1.产生背景:
不同浏览器的渲染引擎不同,对于相同代码的解析效果会存在差异,如果一个用户想看一个网页,结果用不同的浏览器打开效果不同,会影响用户体验。
2.Web标准:
让不同的浏览器按照相同的标准显示结果,让展示的效果统一。
3.web标准的构成:
构成 | 语言 | 说明 |
---|---|---|
结构 | HTML | 页面元素和内容 |
表现 | CSS | 页面的样式(如颜色大小等) |
行为 | JavaScript | 网页模型的定义与页面交互 |
4.web标准的记忆方法:
1)web标准要求页面实现:
结构、表现、行为三层分离;
2)三者之间的关系:
文档里面有什么样的内容由HTML负责,内容长什么样(样式)由CSS负责,最后由JS增加交互动态效果。