01-01-01 前端基础概念学习整理

一、网页组成：

1.前端三层：HTML（结构层）、css（样式层）、JavaScript（行 为层）。

2.多媒体内容：图片、视频、音频、超链接等等。

二、互联网运行过程：

1.客户端(浏览器)点击网址  ==请求==>   服务器（用于存储网页源文件，需要相应服务请求，饼干进行处理，需要24小时不间断工作）

2.客户端接收到网页源文件 <==响应==   服务器

3.客户端将网页文件进行解析，展示给客户

三、基本知识：

1.主流浏览器

1.微软的IE、Microsoft Edge   ===>   IE内核（Trident）

2.Mozilla的Firefox   ===>   Firfox内核(Gecko)

3.苹果公司的Safari   ===>   Webkit

4.Google的Chrome   ===>   Chromium/Chrome内核（Webkit->Blink)    渲染效果好、市场占用率高、自带开发者调试工具

5.Opera软件公司的Opera   ===>   Presto->Webkit->Blink

2.HTTP协议

1.基本概念：Hypertext Transfer Protocol:超文本传输协议。是客户端浏览器或其他程序与WEB服务器之间的应用层 通信协议。

2.HTTP请求:request，浏览器根据网址向对应的服务 器发送请求。

     1>.发起请求的方法：在浏览器地址栏中输 入网址，或者点击网址链接。

     2>.HTML页面解析过程中，会发出多个http 请求，包含网页的图片、视频、音频等 文件请求。

3.HTTP响应:response，服务器根据请求响应 一个HTML文件，将HTML传输给客户端， 在浏览器中进行HTML网页的渲染。

四、HTML概念

1.纯文本格式与富文本格式:

1.纯文本格式：没有任何文本修饰的文本。最常见的是.txt文件。在存储和传输过程中，只能保存文字，不能保存格式，html、css、js文件都是纯文本格式文件。

• 有利于网络传输
• 可以通过直接更改扩展名的方式更改保存格式
• 可以使用任意的纯文本编辑器进行查看和编辑

2.富文本格式：与纯文本对应，最常见的是.rtf文件， 类似.doc文件，内部可以保存文本的 样式、图片等。

2.HTML:

1.HTML（Hypertext Markup Language）：超文本标记语言。是用来制作网页的一种标记 语言。

• 超文本：用于链接另一个文本或多媒 体内容的文本
• 标记：在编辑器中可 以编辑和查看，在浏览器中不显示。

2.HTML的语义化网页优势：

• 方便代码的阅读和后期维护
• 便于浏览器或是网络爬虫更好地解析网站内容
• 使用语义化标签有利于SEO搜索引擎优化，提高网站 的搜索排名