APP下载

移动通信时代的网页制作新标准:HTML5 CSS3

2014-07-28王显宇

电脑知识与技术 2014年18期
关键词:苹果优化

摘要:智能手机、平板等移动终端的不断普及,对网页的要求也不断的提升。为了应对智能手机与平板的风行,同时又兼顾原有的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)闭合标签是非必需的,而

、、、和等标签也已经被HTML5所抛弃。但是HTML5去腐除陈,新增的一些新标签。这些都是新增的标签:<article>、<section>、<aside>、<hgroup>、<header>、<footer>、<time>、<mark>、<figure> 和<figcaption>、<nav>。图1可以充分显示HTML5对代码的优化力度。</p><p><d:\2013年学术和海外\飞翔导入图片目录16\王显宇 css3="" 修改稿11%6.10(审核)-7a\image1.jpeg="" 移动通信时代的网页制作新标准:html5=""></p><p>图1</p><p>这些优化,在让代码更加简洁、规范的同时,也让网页设计者们设计网页时提高效率,使他们在设计、检查代码时更加轻松。同时,对于SEO搜索来说,HTML5更便于搜索引擎的搜索,以便于提升网站的知名度和点击量。 </d:\2013年学术和海外\飞翔导入图片目录16\王显宇></nav></figcaption></figure></mark></time></footer></header></hgroup></aside></section></article>

猜你喜欢

苹果优化
超限高层建筑结构设计与优化思考
一道优化题的几何解法
拿苹果
会说话的苹果