01 HTML简介（狗子前端系列之HTML5）

01 HTML简介（狗子前端系列之HTML5）

1 网页

1.1 什么是网页

1. 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
2. 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。
3. 网页的基本组成：由图片、链接、文字、声音、视频等元素组成

1.2 什么是HTML

1. HTML 指的是超文本标记语言(Hyper Text Markup Language) ，它是用来描述网页的一种标记语言，是一套标记标签
2. 超文本的含义
   1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）
   2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）

1.3 网页的形成

1. 网页由网页元素组成，这些元素通过HTML标签描述出来，然后由浏览器解析呈现给用户
2. 前端人员开发代码 —> 浏览器显示代码（解析、渲染） —> 生成Web页面

2 浏览器

2.1 常用浏览器

1. 浏览器是网页显示、运行的平台。
2. 常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时称为五大浏览器。

2.2 浏览器内核

1. 浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
2. 目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。

3 Web 标准

3.1 什么是Web标准

1. Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。
2. W3C（万维网联盟）是国际最著名的标准化组织。

3.2 为什么需要Web标准

1. 浏览器不同，显示页面或者排版就由些许差异，开发者需要为多版本的开发做不同工作
2. Web标准的优点
   1. 可以让不同的开发人员写出的页面更标准、更统一
   2. 使得开发内容能被更广泛的设备访问
   3. 使网站更易于维护
   4. 提高页面浏览速度

3.3 Web标准的构成

1. Web标准包括三个方面
   1. 结构（Structure）
   2. 表现（Presentation）
   3. 行为（Behavior）

标准	说明
结构	结构用于对网页元素进行整理和分类，HTML的作用
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，CSS的作用
行为	行为指网页模型的定义及交互的编写，javascript的作用

2. Web标准提出的最佳体验方案：结构、表现、行为相分离

   简单理解： 结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中