一、网页的基础认知

·  阅读 70
一、网页的基础认知

一、网页的基础认知

目标:认识网页组成和五大浏览器,明确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增加交互动态效果。

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改