Html(一)互联网和HTML

战争驱动文明发展,互联网是美国军队为了快速传送情报而发明的。如果单纯传送文字,当时的电报就可以实现,但显然像地图上的图像信息,电报就不行了。这时候需要一种语言来组织这些文字与影像,最好还能存在交互性。

我们是如何访问网页的

8e50317ea7fa4abcbed5e9963f904500.png

 访问网页的浏览器有哪些

 

3c62a8c6b23c4a9aa2788fe1fbd3e48c.png

浏览器之争

Netscape

1994 年,安德森创立 Netscape 并公开发行了Netscape0.9,网络浏览器从试验室走向用户,取得了巨大成功。这也是第一次浏览器大战的开端。

同年12月15日,网景正式版本1.0,又名网景导航者,正式发布。它以先使用后付费的方式销售:软件你先用着,觉得不错你就买着继续用,如果觉得不行就不用。这一销售举措,再次使得网景大获成功,市场占有率迅速上升。

接下来的两年,网景公司迅速迭代升级了多个浏览器版本。最疯狂的时候,网景浏览器的市场份额接近百分之九十。就这样,网景募股上市当天收盘价高达75美元一股。网景从成立到成为世界上市值最高的互联网公司,只用了不到16个月。

浏览器的威力,不断显现。网景公司认为,我们只有浏览器就这么厉害,可总归要运行在别人的操作系统上面。网景就准备干一票大的,想搞一套基于网络的操作系统,深度集成网景浏览器。

微软应战:IE浏览器

 

b34034b54f96f0818903bd49e2016501.jpeg

微软的盖茨刚开始不看好网景,瞧不起浏览器这一亩三分地,一直在观望状态。这这个时候,他们才意识到网景公司已经开始威胁到自己的地位了,简直是慌得睡不好觉。

怎么办?从头开始已经来不及了。微软动了歪脑筋,直接购买了网景导航者浏览器原型版本Mosaic的源代码(也就是马克·安德森在大学时期做的第一个版本的Mosaic浏览器)。然后,稍作修改后就发布了。

1995 年 8 月 16 日,微软推出了 IE 1.0 浏览器。同年 11 月发布了其第二个版本 IE 2.0。毫无疑问, IE 的这两个版本都几乎没有人使用,因为做的很烂。马克·安德森的网景已经进阶很久了,不是你IE两个版本可以追上来的。

微软毕竟是做操作系统的,windows是自已的核心。从 IE3.0 开始,微软把 IE 浏览器强行内置在了 Windows 的操作系统中。使用IE浏览器,你等于免费不掏钱。同时,微软也在商业市场发力,联合大型互联网服务提供商,美国在线、AT&T 等,让他们放弃网景导航者浏览器而改用 IE 作为首选浏览器。

3)网景失误,IE获胜

 

5da1861f515830b934d298cb7cc64af2.jpeg

IE与windows捆绑,IE就相当于免费了。IE差是差了点,可好在不掏钱,谁根钱过不去啊!

网景也慌了,它自研操作系统,可那不是一天两天就能出来的。怎么办?如果网景浏览器功能上把IE逼成了小丑,IE不就完蛋了吗!于是网景浏览器开始大量增加新功能。

可问题是当年的电脑性能有限。网景干得太激进了,浏览器出现了性能不断下降、bug 频频出现、软件卡顿等等一系列问题。另一方的IE也在不断的改进,还不用花钱。客户也逐渐失去了对导航者浏览器的信心。

1997 年,微软IE更新至4.0版本后,性能已经与Navigator不相上下。四年内,IE 获得了75% 的市场份额,到 1999 年甚至达到了 99% 。

微软上下其手,明争暗戳,各种黑手阴招频出。同时,网景自身也犯了一系列错误,终于彻底被微软挤死了,最终在1998年被美国在线(AOL)以 42 亿美元收购。第一次浏览器大战以IE后来居上,网景的惨淡收场告终。

3 第二次浏览器大战

1)网景失败,IE躺平

 

bb92a2c60887c47a9429d842a16b0f76.jpeg

2003年,IE的市场份额超过了八成,处于绝对垄断地位。

在IE6之后,IE团队事实上就解散了。因为那时候的IE,打到了竞争对手网景,微软可以歇歇气了,滋生了懒惰情绪。IE5之前,IE每年进行一次大版本更新,而IE5到IE6用了两年的时间。更过分的是,从IE6到IE7居然过了5年的时间。

IE市场占有率非常高,从商业上来不值得再继续投入。IE属于捆绑消费,不能直接卖钱。继续投资IE没有直接对应的效益可言。所以我们不能刻意拔高那些所牛皮的公司,没有钱,也无所谓所愿景和使命感。

就像黄石公园的群鹿一样,没有了狼,鹿群就没有什么奋斗精神了。微软在浏览器方面,滋生了懒惰躺平精神,在IE6.0版本之后长达五年的时间里,微软对IE没有任何作为。

然而市场此时在悄悄孕育着强大的竟争对手。终究有一天,微软自食其果,IE全面落败,被迫退出历史长河。

firefox 2)网景涅槃重生,firefox虎口夺食

 

ccee799f4da1f4b0ea2a5fff882c1680.jpeg

前面说过,一个强大的网景公司被微软明里暗里搞死了。它肯定是心有不甘的,临死之前,网景垂死挣扎了一下:把网景导航者浏览器的核心源代码开源了!

开源,也就意味着,浏览器的源代码,你有我有大家都有了。谁都可以依据它来改进和开发。

1998 年,一帮网景前老员工们一起成立了一个组织,其中就有 Netscape 创始人之一 Marc Andreessen 和 Netscape 高级工程师 Eric Bina 。他们合谋开发下一代的浏览器,这个组织就是 Mozilla.org,叫做 Mozilla。

前面说过,网景浏览器的代码存在诸多问题,技术架构陈旧,比如代码复杂、不稳定、安全性较差,难以满足当时互联网快速发展的需求。这些问题也让 Mozilla 组织决定采用新的代码架构和技术,重新设计和开发一个更加安全、稳定、快速和功能丰富的浏览器。

因此,Mozilla 组织开发了 Firefox 浏览器,其采用了全新的 Gecko 渲染引擎和 XUL 用户界面语言,使其在性能、安全性和可扩展性方面都有了显著的提升。网景浏览器的源代码几乎被全部抛弃。

2004 年 11 月 9 日发布了 Firefox 的第一个正式版本 Firefox1.0,即火狐浏览器。在随后的4年时间里,尽管IE的份额依然领先,Firefox也稳扎稳打,凭借几次大版本更新提升了浏览器的功能与先进性,又有google的神助攻,它从IE手中夺下了两成多的市场份额。firefox迅速成长,成为了当时市场份额排名第二的浏览器。

4 第三次浏览器大战

chrome 1)chrome浏览器崛起

 

73c0be7a133f334d74f5ebdf4841b006.jpeg

如果说firefox虎头夺食,抢夺了IE两成的江山。那么后来的google就像是浏览器中的武松,firefox奋力争抢时,他开始走到景阳岗山下,喝酒吃牛肉,积蓄力量。待到时机成熟,就会将IE这只老虎棍棒斩落。

2006年,搜索引擎已经成熟,苹果在研发手机,谷歌安卓正在开发。各种趋势表明,互联网世界处于PC互联网向手机移动互联网的变革趋势中。这一点微软还在睡梦里面,毫不察觉

 

b4799364c157dde711b9b05a23e19f1f.jpeg

2006年,谷歌邀请拉斯·巴克(Lars Bak)领导JavaScript引擎开发。

我们都知道,浏览器核心代码是渲染引擎和JS引擎。之前,JavaScript 是一门纯解释性质的动态脚步语言,浏览器一行一行地执行 JavaScript。巴克是Java HotSpot虚拟机的开发者,有着深厚的java虚拟机开发功底。他它使用了即时编译(Just-In-Time Compilation,JIT)技术,可以将JavaScript代码转换为机器代码并快速执行。巴克为首的团队称之为V8 JavaScript引擎。

搭载V8引擎的chrome浏览器,据说当时Javascript解析速度是IE的65倍之多,一经问世,顿时让IE成为了下载chrome浏览器的入口浏览器。

微软如梦方醒,一朝醒来,发现处于全面劣势。因为长江后浪推前浪,不仅chrome技术大幅领先,玩起谋略,chrome浏览器的称霸过程,比微软当年的策略更胜一筹。

  • 首先,谷歌把Chromium内核开源,谁都可以基于这个内核开发自己的浏览器,且不用公布自己做了哪些改动。这个策略惠及了许多开发者,比如国内的比如QQ、360、UC大部分浏览器,都是基于Chromium内核开发出来的。

  • 其次,谷歌拉拢扶植火狐的公司来打压IE,让fireFox浏览器把google成为了自己默认的搜索引擎。Mozilla有90%的收入都来自谷歌,当然愿意干了。这妙计有三国“联吴抗曹”之功效。

  • Chrome与Google账号捆绑,所有Android系统的手机也都内置了Chrome。这个是最重要的致命手段,善玩捆绑的微软,终于遇到了一个更会玩捆绑的。

2) IE浏览器倒下

 

62e5de17d57e4af663fa5e94d9599e2e.jpeg

互联网技术是飞速发展的,没有了专业团队和继续投资,IE开始爆出各种问题。

首先就是安全问题,IE不更新,各种安全漏洞越积越多。最后连微软自家的安全专家都建议大家不要把IE作为默认浏览器。

其次是IE的代码架构和技术也落后了,像是上个世纪的老爷车一样越跑越慢,还没法和最新的技术兼容,启动慢、易卡死之类的问题也就成了家常便饭。

逐渐地,用户越来越厌恶IE。2006年,IE6被国外机构评为“有史以来第八糟糕的科技产品”,2011年,IE6再次进入“科技史上50种最糟糕科技产品”的榜单第11名。短短几年,在firefox和chrome的映衬之下,IE就彻底变成了人厌狗嫌的产品,唯一的作用,就是提供各种网络笑话。

IE也不是没有挣扎过,后续推出多个升级版本,但是都失败了。2022年6月15日,是个值得互联网纪念的日子。这一天,全世界互联网用户的噩梦——IE浏览器,正式宣告退出历史舞台。

为了纪念这个服役27年的浏览器正式死亡,一位韩国工程师甚至花了两千多元给它立了一块墓碑,上面写着的墓志铭是:“他是下载其他浏览器的好工具”。

 

30fa0c82911a04f726e4b18424f2317d.jpeg

现在Edge浏览器兴起

 

5db79323227725745c3429812552f6d9.jpeg

2015年4月,微软新开发的Edge浏览器,随着Win10登场了。最初的Edge是在EdgeHTML渲染引擎上构建的,性能不高,且由于开发环境薄弱和各种兼容性问题显得很鸡肋。

2018年,微软下定决心放弃自家引擎,转而采用更成熟、开源的Chromium内核。事实上代表微软服软,不再封闭。2020 年1月15日,微软发布了基于Chromium的新版Microsoft Edge。采用Chromium内核之后,Edge浏览器将直接兼容支持Chrome现有的所有扩展。

这一改变有了立竿见影的效果,微软有着Windows平台的天然优势,Edge在今年4月的桌面端市场份额开始快速提高。借助自家windows平台的优势,微软稳住了浏览器市场,份额开始逐步上升。

4)firefox份额下降

 

b6d72bdb3ed959f169d1db583563fb61.jpeg

前面说过,当初google的chrome浏览器没出来之前,让fireFox浏览器把google成为了自己默认的搜索引擎。

差不多十年中,火狐浏览器一直是谷歌的忠实盟友。依靠给谷歌送去搜索流量,Mozilla每年获得近三亿美元的收入,而谷歌依靠火狐浏览器的鼎力协助,后来一度斩获了全球搜索市场的九成。

既然google有了自己的chrome浏览器,那么这样就不太划算了。于是firefox与百度也有了一定的合作,将在全部中文版火狐互联网浏览器中内置百度搜索引擎。

chrome和edge浏览器的竟争,让firefox的份额开始下降。但firefox作为开源浏览器,广受开源社区的好评,在专业人士、数码爱好者和极客中用户很多,绝不会再走网景浏览器的灭亡的老路了。

html除了做网页,还可以做SEO,关键字排名优化技术

b26a232653664f32a6b065b987e92046.png

关键词优化是搜索引擎优化(SEO)的一部分。SEO是一系列技术和策略的集合,旨在提升网站在搜索引擎中的可见性和排名。关键词优化则是其中的核心环节之一。在搜索引擎中,用户通常会通过输入特定的关键词来查找信息。通过优化网站的关键词,使其与用户常用的搜索词相匹配,可以增加网站出现在搜索结果中的机会。

 

网页相关的基本概念

网页内容、标题,网址

dade1275080e4942b4edf735eb8312ed.png

网页技术有哪些

34789ae814834a12a45fb79b21750d06.png

html简介

3f7068b7f42f419a8e66d240cfc924a3.png

 html示例

<html>
    <head>
	    <title>欢迎学习 HTML</title>
    </head>
    <body>
	     <h3>我的第一个 HTML 文档</h3>
    </body>
</html>

上面这段代码,可以保存成文件 hello.html。浏览器打开这个本地文件,就能看到文字"我的第一个 HTML 文档” 

45ba859999504e62b67f49d3dd70dc09.png

HTML 编辑和运行环境

b7aa77f082bd44e19b66526e992f6934.png

html的基本结构

8271867a6cc8443d8c4f795776aac02c.png

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Allen019

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值