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