移动通信时代的网页制作新标准:HTML5 CSS3
2014-07-28王显宇
摘要:智能手机、平板等移动终端的不断普及,对网页的要求也不断的提升。为了应对智能手机与平板的风行,同时又兼顾原有的PC平台,目前最流行也是唯一的解决方法就是采用HTML5+CSS3,这已经成为了不可阻挡的趋势,这又顺应这个趋势,才能在移动时代的洪流中崭露头角。
关键词:HTML5;CSS3;苹果;优化
中图分类号:TP37 文献标识码:A 文章编号:1009-3044(2014)18-4147-02
HTML(超文本标记语言)是构成网页的基础,由W3C制定的标准语言,因此我们所编写的HTML网页必须使用符合W3C规格的浏览器,才能顺利的解释文件,继而看到网页的执行结果。
HTML最早为HTML1.0,接下来HTML又不断进行升级,又有HTML2.0、HTML3.0、HTML3.2,乃至1999年12月公布的HTML4.01。从严格意义上说,目前的HTML4.01仍为最新的标准版本,2012年12月17日, W3C正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。
CSS是Casacading Style Sheet的缩写,译为“层叠样式表单”。在1997年W3C公布HTML4标准的同时,也公布了第一个CSS标准“CSS1”,CSS的出现让规格不一、互不兼容的元素标签有了共同的规格,简化了网页编辑的流程。
CSS是DHTML的一部分,W3C把DHTML划分成3部分:脚本程序(如Javascript)、CSS、支持动态效果的浏览器。建立CSS的用意就是把对象引入HTML,以便利用脚本程序可以设定、变更、取用对象属性,从而达到制作动态化页面的目的。[1]
在1998年5月,W3C又发布了CSS2版本,CSS的功能也更加充实、完整。CSS目前的最新版本是CSS2.1而非CSS3。CSS2.1是W3C的候选推荐标准,添加了很多新属性,同时也删除了一些CSS2的原有属性。时至今日,CSS3尽管仍是在草案阶段,但在2011年6月7日,CSS3 Color Module已被发布为W3C推荐的模块。
1 HTML5崭露头角
科技总是走在标准的前面。就像ISO制定的OSI的7层参考模型一样,当它在还制订中的时候,TCP/IP模型已经走入市场,被广泛应用了。同样,随着HTML在互联网渐行渐远, W3C 已经落后于因特网时代的节奏。目前使用最普遍的HTML语言差不多十年没有大太大的变动,这十年间互联网从技术到应用都已沧海桑田, 与繁杂的Server端技术的进化相比,甚至大多数的人们已经忘记HTML还要改进,还能够增进更多的功能。 [2]
在2010年,发生了一件改变世界的事情,那就是iphone4正式发布。乔帮主的心血之作,时至今日也被奉为经典的iphone手机,在发布会上乔布斯在示范HTML5是如何观看视频的。你没有听错,HTML5完全能够不用Flash来播放视频,而且功能要比Flash更强大,最高支持8倍快放。乔布斯怒斥Flash技术是有“巨量安全漏洞”的“旧技术”、“ 运行速度慢” “CPU资源黑洞”,在他的一篇名为《关于Flash的思考》中写到:“Flash是PC时代的产物,它是为PC与鼠标发明的。”言下之意不言而喻,那就是Flash已经“out”了,已经适应不了移动端的需求了,而苹果等新兴的电子巨头不满足与W3C拖泥带水、思维僵化,自行组织了超文本应用科技工作组,其目的就是使HTML5更为规范化和普遍化。在2014年的5月,微软正式宣布停止对Windows XP的更新,意味着不支持HTML5的IE6及更低的IE版本不会再有安全补丁的更新,更打响了浏览器对HTML5的全面支持。
自此,HTML5已经被广泛认可和使用,一举成为超文本标记语言的新贵。
2 HTML5的新特性和新感觉
HTML5不仅精简了DOCTYPE(声明),也使用了简单易记的语言标签,而且采用简单易记的编码类型。
<!DOCTYPE html>
拿三句代码为例,它们分别定义了HTML的版本,页面语言及编码方式。HTML5 只有一个简单的文档类型:<!DOCTYPE html>,它不使用版本,因此该文档类型适用所有版本的HTML,你不再需要把xmlns 或xml:lang标记加入到中,在HTML5中, 是有效的。你也可以在meta 标签中使用charset。而这些,在HTML4中是不允许的。
在HTML5语言中,空标签(如:br、img)闭合标签是非必需的,而、、、和
图1
这些优化,在让代码更加简洁、规范的同时,也让网页设计者们设计网页时提高效率,使他们在设计、检查代码时更加轻松。同时,对于SEO搜索来说,HTML5更便于搜索引擎的搜索,以便于提升网站的知名度和点击量。