前端那点事01[pink老师]-HTML初识

因学习前端参考的是pink老师，知识点较多，为便于自己的知识点巩固，日后的查找，特此当天更新博客记录昨天所学内容。

注意：以下知识点的出处均源于B站up主黑马程序员pink老师

学习路线
HTML5基础：学习HTML5基础，主要学习最常见的没有兼容性的HTML标签。
CSS3基础：学习CSS3基础，主要学习最常用没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局。（综合案例：传统企业网页制作）
H5C3提高：学习HTML新增的标签，CSS3样式有一定兼容性。可以与未来更好的接轨。
项目-品优购电商网站：综合以前学习的知识点，贴近于实际开发，制作品优够电商网页，完成首页、列表页、注册页的制作。（目的：学习网页制作实际开发制作流程规范）

2020-4-18内容

1. 网页的基本组成
2. 什么是HTML
3. 常用的浏览器
4. Web标准的三大组成部分

1、网页

1.1 什么是网页

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容的网页集合。
网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html后缀结尾的文件，因此将其俗称为HTML文件。

1.2 什么是HTML

HTML指的是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言(markup language)。
标记语言是一套标记标签(markup tag)。

所谓超文本，有两层含义：
1、它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。
2、它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超链接文本）。

1.3 网页的形成

网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。
前端人员开发代码——→浏览器显示代码（解析、渲染）——→生成最后的Web页面

网页是由图片、链接、文字、声音、视频等元素组成，其实就是一个html文件（后缀名为html）

网页生成制作：有前端人员书写HTML文件，然后浏览器打开，就能看到了网页。

HTML：超文本标记语言，用来制作网页的一门语言，由标签组成，比如：图片标签、链接标签、视频标签等等…

2.常用浏览器

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

查看浏览器市场份额：https://tongji.baidu.com/research/site

浏览器内核
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算王爷的显示方式并显示页面。

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
Firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chorme/Opera	Blink	Chorme/Opera浏览器内核，Blink其实是Webbkit的分支

目前国内一般浏览器都会采用 Webkit/Blink 内核，如360、UC、QQ、搜狗等。

3.Web标准（重点）

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

3.1 为什么需要Web标准

浏览器不同，它们显示页面或者排版就有些许差异。

遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一以外，还有以下优点：

1. 让Web的发展前景更广阔。
2. 内容能被更广泛的设备访问。
3. 更容易被搜寻引擎搜索。
4. 降低网站流量费用。
5. 使网站更易于维护。
6. 提高页面浏览速度。

3.2 Web 标准的构成
主要包含结构（Structure）、表现（Presentation和 行为(Behavior 三个方面。

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

Web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。