前端入门学习笔记

学习路线：HTML5(20%)+CSS(50%)+H5c3(10%)+品优购电商网站实战(20%)
学习视频地址：https://www.bilibili.com/video/BV14J4114768from=search&seid=2339992952703980455

一、网页相关概念

1、什么是网页？

1.1网站：

指在英特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

1.2什么是网页？

是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。

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

2、什么是HTML？

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

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

3、网页的形成？

网页是由网页元素组成的，这些元素是利用html标签描述出来的，然后通过浏览器解析来显示给用户的。

综上，网页是图片、链接、文字、声音、视频等元素组成，其实就是一个html文件（后缀名为html）。
网页生成制作：有前端人员写HTML文件，然后浏览器打开，就能看到了网页。

二、Web相关基础知识

1、常用浏览器

浏览器是网页显示、运行的平台。五大浏览器：IE浏览器、火狐（Firefox）、谷歌（chrome）、Safari、Opera。

2、浏览器内核

浏览器内核（渲染引擎）：负责读取网页内容、整理讯息、计算网页的显示方式并显示页面。
1、IE（Trident）:IE、猎豹、360急速浏览器、百度浏览器。
2、Firefox(Gecko)：火狐浏览器。
3、Safari (Webkit)：苹果浏览器内核。
4、Chrome/Opera(Blink)：Chrome/Opera浏览器内核。Blink其实是Webkit的分支。

3、Web标准（重点）

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

3.1为什么需要Web标准

浏览器不同，他们显示页面或者排版就有些许差异。因此，通过遵循Web标准除了可以让不同的开发人员写出的页面更标准、统一以外，还有以下优点：
a、让web的开发更有前景;
b、内容能被更广泛的访问；
c、更容易被搜寻引擎搜索；
d、降低网站流量费用；
e、使网站更易于维护；
d、提高页面浏览