认识网页
- 什么是网页?
文字,图片,音频,视频,超链接 - 我们看到网页背后的本质是什么?
前端程序员写的代码。 - 前端的代码是通过什么软件转换成用户眼中的页面儿的?
通过浏览器转化解析和渲染成用户看到的页面。
五大浏览器
- 浏览器是网页显示运行的平台。是前端开发的必备利器。
- 常见的五大浏览器,IE浏览器,火狐浏览器,Firefox。谷歌浏览器Chrome, Safair浏览器,欧朋浏览器Opera。
- 浏览器市场份额,谷歌占60%。
- 渲染引擎,浏览器内核,浏览器中专门对代码进行解析渲染的部分。
- 注意点:渲染引擎不同,导致解析相同代码的。速度,性能,效果也不同。
- 谷歌浏览器的渲染引擎速度快,性能高,效果好,所以更吸引用户的喜爱。
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。
接下来围绕web标准,我们学习以下两点:
- 为什么需要web标准
- Web标准的构成
为什么需要 Web 标准?
遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:
- 让 Web 的发展前景更广阔。
- 内容能被更广泛的设备访问。
- 更容易被搜寻引擎搜索。
- 降低网站流量费用。
- 使网站更易于维护。
- 提高页面浏览速度
Web 标准的构成
主要包括结构(Structure) 、表现(Presentation)和行为(Behavior)三个方面。
Web 标准提出的最佳体验方案:结构、样式、行为相分离。
简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。
- web标准,让不同的浏览器按照相同的标准显示结果,让展示的效果统一。
- web标准中分成三个构成。
结果 html 页面元素和内容
表现 css 网页元素的外观和位置等页面样式。
行为 Javascript 网页模型的定义与页面交互。 - web标准的记忆方法: web标准要求页面实现结构,表现,行为三层分离。
HTML概念
-
HTML 超文本标记语言: 专门用于网页开发的语言,主要通过HTML标签对网页中的文字,图片,音频,视频等内容进行描述。
-
HTML页面固定结构:要通过特点的html标签进行描述。
-
HTML骨架结构有哪些标签组成?
html标签网页的整体
head标签网页的头部
body标签网页的身体
title标签网页的标题