从零开始学习HTML-01.HTML简介

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 文件中
• 一句话解释：结构类似身体、表现类似衣服、行为类似动作（结构始终是一切的基础！）