快速业务通道

网站重构:论述XHTML2.0和HTML5.0

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-25

继团队的CSS3.0中文手册在国内首发以后,最近风风火火的到处吹起HTML5.0和CSS3.0的春风;似乎在这浏览器互相调侃的年代,成就了一大堆业界茶余饭后的话题。

年前,google的chrome团队来到公司做相关的交流,公司要求我做个前期讨论方案。于是想了一下,里面提到了三点:

  1. chrome对于12px以上字体大小支持的问题
  2. chrome的开发者工具虽有整合,但不及Firebug一样的灵活好用。
  3. 对于网页的解释渲染是否应当配备两种解释其内核。

前面的两点对于chrome本身更加较为有针对性,而第三点;我想更多的是针对于我们新时代的浏览器编写程序员,以及我们那些拟定W3C标准的国外友人。

回顾XHTML2.0与HTML5.0之间的战争时间跨越了将近4年的时间(2002/8/5--2006/7/26),而争斗的结果当下而见是XHTML2.0败退而走。

这场战争我们在XHTML2.0上面首先值得一说的是他思想当中留下来给我们的反思:(如看过Nicholas Chase大师的《The Web''s future: XHTML 2.0》可点击跳过前戏。

1、将如b、i等纯粹关于表现性质的标签而采用带有语义化取而代之。(结构、行为、表现三者分离)

<i>强调</i>, <b>更强调</b>

和 

<em>强调</em>, <strong>更强调</strong>

 2、将img等内容图片采用src属性取而代之,并使用srctype进行类型定义。(使得外部资源未能加载时展示文字说明,解除alt的限制性)

<object>使用对象引入苹果的介绍音频</object>
<img src="apple.png" alt="这是一张苹果的图片" />
<p>这是一段苹果这种水果的说明文字。</p>

 和

<p src="apple.mp3" srctype="audio/x-mpeg">
<span src="apple.png" srctype="image/png">这是一张苹果的图片</span>
这是一段苹果这种水果的说明文字。
</p>

 3、将“没层级性”的文章采用<h>、<p>与<section>的组合取而代之。(使用模块化的大局观思维进行编码)

<html>
<head>
  <title>网页模块化</title>
</head>
<body>
  <h1>网页模块化思维</h1>
  <p>2010年v2.0版本</p>
  <h2>什么是模块化?</h2>
  <p>模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整 体,完成整个系统所要求的功能。</p>
  <h3>什么是前端的当中的模块?</h3>
  <p>页面当中的每一个有独立内容并且能赋予标题命名的片段。</p>
  <h2>为什么要做模块化?</h2>
  <p>多人协同开发的同时能有一部分总体把控,但是每个人又可以独立的处理自己部分的代码,同时不会干扰到其他的成员的代码,高度提升效率。修改时只需要处理独立的需要修改的模块,对其余模块不会影响;出错时定位到具体模块,直接对于这一块进行版本回滚。高度降低风险。</p>
  <h2>怎么做模块化?</h2>
  <p>先按照主内容再细化内容两种方式分离出区块,由PM进行命名规则约定,分派至各人手中进行代码编写。最后由PM进行代码片段合并。</p>
  <h2>模块化需要注意什么?</h2>
  <p>公共部分的代码权限需要回归至PM手上管理;允许代码阶段性的臃肿,定期进行公共部分的版本整合。</p>
</body>
</html>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号