dudo博客

6月
16

英文原文:http://xhtml.com/en/future/x-html-5-versus-xhtml-2/
中文译文:http://www.dudo.org/article.asp?id=248 

背景

    尽管到目前为止HTML4和XHTML1仍能够很好地满足我们的要求,但是它们仍然存在不足。为了满足用户丰富的基于Web应该程序的需要,达到更佳搜索结果、为所有使用不同设备的所有人群创建更加易用的Web程序,它们都需要升级换代。

    目前有两种规范在竞争成为HTML 4和XHTML 1的继承者。它们是XHTML 2.0和Web Application 1.0,后者就是我们通常所说的X/HTML 5.0。这两种规范根据标记语言的未来发展采用了不同的手段并且产生了迥异的效果。

    XHTML 2为构建日常工作和应用中的W3C技术通用语言向前迈出了坚实的大步。XHTML 2完全是基于XML之上的,而XML被多数人认为是可以充分发挥Web潜力的一种语言。XHTML 2侧重于应该如何去使用标签,而不是标签使用的现状。

    X/HTML 5是HTML 4和XHTML 1的扩展。它是向前发展的一种渐进而不是如同XHTM 2那样大步地跳跃。由于HTML 4和XHTML 1存在种种局限,X/HTML 5旨在解决HTML 4和XHTML 1中的不足。X/HTML 5也可以看作是HTML或者是XML。因此与XHTML 2不同,X/HTML 5受到了当前技术形式(如浏览器技术等)和目前标签的应用状况影响。

    X/HTML 5和XHTML 2目前都处于工作草稿阶段。它们都还在不断地改进,要成为推荐标准大约还要几年的时间。本文的评论是以2007年2月份的草稿为基础的。

XHTML 2

XHTML 2“酷”在什么地方

导航列表
导航列表是用来创建导航菜单的。导航列表使用nl元素来定义一个菜单,它必须包含一个用于指定列表名称的label元素。例如:

   <nl>
    <label>You are here:</label>
    <li href="/">Home</li>
    <li href="/products/">Products</li>
    <li href="/products/widget/">Widgit</li>
    <li>Features</li>
   </nl>

导航列表的确很酷!

 定义列表得到加强
定义列表(dl元素)定义一个术语(dt元素)和一个术语的解释(dd元素)。一个术语可以有多个解释,同样多个术语也可以有同一个解释。XHTML 2使用di元素来分组术语和解释。这样一来,术语与解释间的关系就变得清晰了,页面元素变得更加具有可读性。例如

   <dl>
    <di>
     <dt>center</dt>
     <dt>centre</dt>
     <dd>a building dedicated to a particular activity</dd>
     <dd>a point equidistant from its ends</dt>
    </di>
    <di>
     <dt>key</dt>
     <dd>metal device used to open a lock</dd>
     <dd>pitch of the voice</dd>
   </di>
  </dl>

很酷!

 每个元素都成以是超级链接

为每一个元素增加一个href属性就可以所这个元素变为超级链接。例如:

<q href="http://en.wikipedia.org/wiki/Neil_Armstrong">That's one small step for man,
one giant leap for mankind</q>

这个功能实在是太棒了!

 剔除了acronym元素
很多文章作者都会为应该如何去使用acronym元素而困惑。XHTML 2中将会使用abbr元素来表示所有类型的缩写,包括acronmy。酷!

b, i, small, big, tt, font and basefont元素都会消失

XHTML 2已经和这些元素说再见了,取而代之的是更加严格的格式。告别是font元素在过去经常会被误用,导致文章作者们不能使用正确的标签。

不止是有点酷!

iframe消失
iframe元素经常会引起用户辅助设备产生问题,如今它也要消失了。

新的标题结构

    在达到页面易用方面,内容的标题是最重要的组成部分。实际上,目前没有人能正解地使用标题,因为数字化的标题结构(h1到h6)对于大多数人来说很难直观地去区分,对于使用WYSIWYG(所见即所得)的设计者来说更加是不可能了。实质上,数字化的标题是使用直线结构(与其后面的内容是兄弟元素关系)来达到内容逻辑上的层次关系。因此,在下面的例子中,你必须去使内容上的这种层次关系可视化

 <h1>...</h1>
 <p>...</p>
 <h2>...</h2>
 <p>...</p>
 <h2>...</h2>
 <p>...</p>
 <h3>...</h3>
 <p>...</p>
 <h4>...</h4>
 <p>...</p>
 <h3>...</h3>
 <p>...</p>
 <h2>...</h2>
 <p>...</p>

    相比而言,新的标题结构,配合分组元素section使用h元素,使得层次关系表达变得异常地容易实现

<h>...</h>
<p>...</p>
<section>
<h>...</h>
<p>...</p>
<h>...</h>
<p>...</p>
<section>
<h>...</h>
<p>...</p>
<section>
<h>...</h>
<p>...</p>
</section>
<h>...</h>
<p>...</p>
</section>
<h>...</h>
<p>...</p>
</section>

h元素很酷!

 输出计算机代码功得到加强
blockcode元素代替pre和code元素来盛装计算机代码段。例如

<blockcode>
function get_random_name() {
$rand_name = "";
for ($i = 1; $i &lt;= 8; $i++) {
$rand_name .= chr(rand(97, 122));
}
return $rand_name;
}
</blockcode>

hr被separator取代
    hr元素的名字——“水平线”——常常为设计者和工具供应商带来麻烦。它的名字是水平线,但实际上它却被用来分隔文档的不同部分。使用separator可以解决这种误解。

del和ins元素被edit属性取代
    在表达内容变化上,edit属性的确比del和ins元素更加适合。可以使用类似下面的方法使用它们:

<p>This is <span edit="deleted">cool</span><span edit="inserted">way cool</span>!</p>

可以为已有元素增加额外语意
    role属性可以为已有元素增加新的语意和元数据(meta),这有助于搜索引擎和辅助工具更好地理解web页面。下面的例子中演示了如何表示指定的导航列表应该解释为一组“面包屑”

<nl role="breadcrumbs">
<label>You are here:</label>
<li href="/">Home</li>
<li href="/products/">Products</li>
<li href="/products/widget/">Widgit</li>
<li>Features</li>
</nl>

    使用role属性的技术术语叫作“XHTML中的RDF嵌入”。这使得XHTML 2非常具有扩展性,这可能会成为使Web发挥其全部潜能的唯一最重要工具。 

XHTML 2的美中不足

元素使用仍然需环绕内容
由于每个元素都可以使用href属性,因此实际上a元素的存在已经没有意义。继续保留它只会增加开发者的困扰。例如在HTML 4和XHTML 1中id属性可以用作任意元素的锚点。如:

<h2 id="introduction">Introduction</h2>

但是很多开发者还在使用a元素作为锚点。例如:

<h2><a name="introduction">Introduction</a></h2>

继续保留a元素实在有点不够酷! 

 

img元素仍然需要环绕使用
    在XHTML 2中,object元素可以做img元素能做的任何事情。根据规范,之所以保留img元素是为了保证向XHTML 2顺利过渡,但是这样做的确会给开发者造成困扰。而且保留下来的img元素也不再是一个空元素,它必须包含可替换文本。例如:

<img src="W3C.png">W3C</img>

    如果XHTML 2中的元素与HTML 4或者XHTML 1中元素有相同的名称,但是行为却不同,这肯定会引起争论与使用上的混乱。 

仍然支持数字化的标题
由于使用h元素更加容易创新标题,数字化的标题已经不再需要。同时支持h元素和数字化标题只会增加麻烦。

XHTML 2开发小组的封闭性
一个开发可能成为下一代标记语言的开发小组对于公众却很少公布信息。同志们,这不是研究秘密武器的“skunk工程”。让它们见见光吧!

下面我们将看看X/HTML 5的进展状况

英文原文:http://xhtml.com/en/future/x-html-5-versus-xhtml-2/
中文译文:http://www.dudo.org/article.asp?id=248 



共有(1)条评论

lijing0033 发表于 2008-6-17 at 09:32 #1楼

b,i,a都消失了啊,这么可爱简洁的标签的很多很多活用也随之被咔嚓掉了啊,多可惜

[回复]


随便说两句
名字:
Email:
网站:
内容:

无觅相关文章插件,快速提升流量