一 网页
1 什么是网页?
网站:利用前端技术制作的网页集合。
网页:构成网站的基本元素,通常是 HTML 格式的文件(.htm 或 .html)必须通过浏览器来阅读。
2 什么是HTML?
超文本:由图片、声音、动画、视频……构成且可以相互链接的文本。
HTML:超文本标记语言(HTML 不是编程语言,而是由一套标记标签构成的标记语言)。
3 网页的形成
前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。
二 浏览器
1 常用浏览器
PC 端五大浏览器: IE 、Chrome 、Firefox 、Safari 、Opera 、(目前 IE 已经被 Edge 取代)。
2 浏览器内核
四大浏览器内核:IE(Trident )、Firefox(Gecko )、Safari(Webkit )、Chrome / Opera / Edge(Blink 属于 Webkit 的分支,Blink 兼容 Webkit)
注:目前国内浏览器一般都采用 Webkit / Blink 内核。
三 Web标准
W3C: 万维网联盟 ,国际最著名的标准化组织之一。
Web 标准:W3C 组织和其他标准化组织为 Web 开发制定的一系列标准的集合。
1 为什么需要Web标准?
浏览器不同,解析渲染显示的页面效果就有些许差异,通过 Web 标准可以统一浏览器解析显示效果,同时大大减少开发者的工作量(一套代码,多种浏览器平台兼容运行)。
遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:
-
让 Web 开发前景更广阔 -
网页能被更广泛的设备访问 -
更容易被搜索引擎搜索(排名靠前) -
降低网站的流量费用 -
使网站更易于维护 -
提高页面的加载速度
2 Web标准的构成
主要包括三个方面: 结构 、表现 、行为 。
- 结构:用于对网页元素进行整理和分类,现阶段主要指的是
HTML - 表现:用于设置网页元素的版式、大小、颜色等外观样式,主要指
CSS - 行为:网页模型的定义及交互方式的编写,现阶段主要指的是
JavaScript
Web 标准提出的最佳体验方案: 结构 、样式 、行为 相互分离。
- 简单的理解:结构写到
.html 文件中、表现写到 .css 文件中、行为写到 .js 文件中 - 一句话解释:结构类似身体、表现类似衣服、行为类似动作(结构始终是一切的基础!)
|