X/HTML5 v.s. XHTML2(I)(2)
作者:dudo 来源:dudo blog 时间:2008-06-17 18:00:00
新的标题结构
在达到页面易用方面,内容的标题是最重要的组成部分。实际上,目前没有人能正解地使用标题,因为数字化的标题结构(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 <= 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/HTML5 v.s. XHTML2(II)
英文原文:http://xhtml.com/en/future/x-html-5-versus-xhtml-2/
中文译文:http://www.dudo.org/article.asp?id=248
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
HTML 5 Video概述
![](https://img.aspxhome.com/file/UploadPic/20106/23/01-80s.jpg)
互联网产品的用户体验看着“很美”
![](https://img.aspxhome.com/file/UploadPic/20097/7/12031-10s.jpg)
Ext2.0.2经典的一个JS组件(带EXT中文手册)
SQL 判断给定日期值(或时间段)所在星期的星期一和星期天的日期
ASP对FoxPro自由表(DBF文件)的操作
初探MS SQL CE+Codesmith
防止网站内容被人小偷和采集的ASP代码
跨浏览器使用剪贴板
asp制作验证码的方法
mysql5.58的编译安装
sqlserver isnull在数据库查询中的应用
SQLServer中用T—SQL命令查询一个数据库中有哪些表的sql语句
FrontPage XP设计教程1——站点初建与管理
![](https://img.aspxhome.com/file/UploadPic/200810/17/20081017121637930.jpg)
mysql 插入优化
用户如何有效地利用ORACLE数据字典
简单获取键盘的KeyCode
如何优化JavaScript脚本的性能
sql中 RecordCount=-1问题
最全的MYSQL备份方法
技巧和诀窍:用Silverlight支持全屏模式
![](https://img.aspxhome.com/file/UploadPic/20079/23/2007923124244610s.jpg)