动态详情

web前端三大技术介绍之HTML

2018-3-28 13:20:14 分类:技术博客

今天我们来说一说,前端领域里,最核心的语言之一,如果没有它就没有现代的网页的繁荣,其实再讲我们js大法的时候就已经提到了它,它就是一个简单到不能再简单的一个语言-HTML。

按照我们的老习惯,从它的诞生的之前开始讲起,1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档,里面包含了大约20个用来标记网页的HTML标签。他直接借用SGML的标记格式,也就是后来我们看到的HTML标记的格式,HTML在诞生之初,其目的想法非常简单。当时Tim Berners-Lee将他设计的初级浏览和编辑系统在网上合二为一,他创建了一种快速小型超文本语言来为他的想法服务。他设计了数十种乃至数百种未来使用的超文本格式,并想象智能客户代理通过服务器在网上进行轻松谈判并翻译文件。它同Macintosh的Claris XTND系统极为相似,不同的是它可以在任何平台和浏览器上运行,Berners-Lee设计的语言太过简易。它是以文本格式为基础,所以可以用任何编辑器和文字处理器来为网络创建或转换文本。并且它仅有不多的几个标签(TAG)───任何人用一个下午的时间就能掌握HTML。网络从此迅猛发展,人人都开始在网上发布信息,那时候如同发现新大陆,之前再终端上浏览信息大家已经被虐待的要死要活,现在好不容易除了一个具有可视化的页面,必然爱到不能自己!

 

那时候能处理HTML的浏览器备受恩宠,尝到甜头之后,必然更加追求体验,而且当时互联网上图象增加的趋势,但很快人们就开始琢磨在网上放置图象和图标,随之而来的就是<img/>标签的诞生。当然HTML继续发展,不断产生新型、功能强大且生动有趣的标签形式。我们有了<background>(背景),<frame>(框架),<font>(字体)和<blink>(闪烁效果)这样的标签。微软致力于网上游戏领域,他们设计了<marquee>,<iframe>和<bgsound>(背景声效)标签,力图在HTML标准中争取到一席之地。标签在各地层出不穷,但是并不是所有浏览器都能支持这些标签,于是希望和平的,带着圣母光辉的W3C,站了出来主持大局,确定了HTML的规范。1997年HTML3.2为W3C推荐标准,1997年12月18日HTML4.0称为W3C推荐标准,到了2014年10月28日,HTML5成为了W3C推荐标准。

 

现在我要来说一下HTML5了,因为它的出现,同时给前端领域里带来了重大的变革,音频,视频的出现让web领域变得多姿多彩,离线缓存让网页向这app买进了一小步。

现在大家在网页里就可以看视频听音乐,就是得益于H5,而且在游戏领域H5也大放异彩,现在我来普及一下使用H5的几大理由,易用性:俩个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像<header>,?<footer>,<nav>,<section>,<aside>等等。视频音频:忘了flash和其它第三方应用吧,让你的视频和音频通过HTML5标签<video>和<audio>来访问资源。

 

Doctype:没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。更清晰的代码,更聪明的存储(localstorage,sessionstorage),更好的互动性,对于游戏开发的支持,移动端支持,跨浏览器的支持。等等众多好处,我们还有什么理由拒绝它呢。 普通话说不好没关系,英语不会说就ok,但是身为未来逼格爆表的coder我想说的是HTML我们一定要会,不然你就out了。