《图解HTML》第一节 浏览器简介

简介: 它利用网页连接了我们与网络。它可以打开网络上的网页,供我们阅读,娱乐,工作等等......

前言

2789632-20add32fa198f5c8.jpg

上图展示了一个浏览器简单的工作方式,它利用网页连接了我们与网络。它可以打开网络上的网页,供我们阅读,娱乐,工作等等。

网页是基于浏览器开发的,开发简单网页,我们只需要掌握HTML即可;如果希望网页有点样式,好看一些,还需要学习CSS;如果还希望网页能做一些交互或者展示动态的数据等功能,还需要掌握Javascript。也就是:

HTML + CSS + Javascript = 一个好看且有用的网页
很多个网页就拼凑成了网站

在开发之前,我们先简单了解下浏览器是什么呢?
一个新的电脑里面,我们会发现win10自带的浏览器Edge,就是下面这个样子:
2.png

这个软件是微软开发的,预安装在windows里面。不知道你们有没有遇到过,在有些时候,我们需要使用一些特定的网站时,需要使用特定的浏览器。例如学校网站的个别功能,老师会说,需要下载谷歌浏览器,或者IE8以上的浏览器才可以提交表格,有些网站只可以用UC浏览器打开等等这些场景。所以可见,浏览器并不都是一样的。不同的浏览器是由不同的厂家生产的,就像聊天工具,QQ是腾讯生产的,YY是华多网络科技公司生产的等等,很多很多的聊天工具,除了下图列举的一些,还有很多别的厂家生产的聊天的工具:
3.png

虽然它们可以用来聊天,可是功能却有些不同。浏览器也是如此,也是各个厂家生产出来供用户浏览网页的客户端。每个厂家生产的浏览器也会不断的升级。

浏览器的历史

浏览器发展简史
浏览器近20年来的发展简史图
4.png

各浏览器当前市场份额(2020.8.16)

百度统计
5.jpg

从图里可以看出,火狐浏览器已经被归类到其他里面了,没想到谷歌浏览器成了最终的霸主。从某些方面也告诉我们,当下若还没有成就的时候,不要急,不要慌,好好沉淀自己,用发展的眼光去提升自己,最后谁也不知道谁是大哥!

总结: 浏览器就是供用户连接网络的一个客户端,网页就是把网络上的内容展现给用户并且提供一些特定的功能。

目录
相关文章
|
2月前
|
移动开发 前端开发 JavaScript
HTML5 浏览器支持1
现代浏览器普遍支持HTML5,但早期浏览器可能不支持。可以通过将HTML5元素定义为块级元素,使旧版浏览器也能正确显示。例如,可以使用CSS将header、section等8个新的HTML5语义元素设置为块级元素。此外,还可以通过JavaScript为HTML添加新的自定义元素,如使用`document.createElement("myHero")`为IE浏览器添加新元素。
|
7月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`<head>`标签中,通过添加不同的`<meta>`标签可指定浏览器默认使用的内核。使用`<meta name="renderer" content="webkit">
93 1
|
7月前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
45 5
|
2月前
|
存储 移动开发 前端开发
|
7月前
|
前端开发
超文本标记语言(HTML)简介
超文本标记语言(HTML)简介
104 3
|
7月前
|
开发者
HTML 实体字符简介
HTML 实体字符简介
|
7月前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
7月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
60 1
|
7月前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
92 1
|
6月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb