X/HTML5 v.s. XHTML2(II)(2)
作者:dudo 来源:dudo blog 时间:2008-06-18 13:19:00
X/HTML 5的美中不足
章节元素的使用
采用章节元素的的想法是好的,但是X/HTML 5的应用中显得有点累赘。甚至有些解释会让你更加困惑。例如:
aside元素表示组成页面内容的一个部分,它和aside元素前后的内容相关联,它可以被看作是内容中独立的部分。这些组成部分经常用于印刷技术中的侧连栏。
难道拥有role属性的div元素不加具有扩展性和更容易被理解?
另外一个被提及的章节元素是nav,用于表示页面中链接其它页面的链接。我们真的需要nav元素吗?XHTML 2中的nl元素可以更好地完成这个任务。
HTML 4和XHTML 1中的不足在未来的规范中还将存在
因为X/HTML试图提供向后支持,HTML 4和XHTML 1中的不足将还会在X/HTML 5中存在。规范不必向后当空,相反应该客户端软件通过支持多种规范来提供向后兼容能力。
X/HTML 5没有遵循X/HTML 5手册
X/HTML 5旨在向后兼容HTML 4和XHTML 1。现在big、acronym、u和tt都还不是这个规范中的内容,而像i和samll等其它元素有了重新定义之后的语意。例如,在HTML 4.01规范中是这样定义i和small的:
i:使文本呈现斜体
small:以“小”字体呈现文本
在X/HTML 5中,i和small有了新的含意:
i元素用不同的方式来表现一段文本或者是与正文存在差异的段落,如分类设计、技术术语、外来语言的习惯用语、某个想法、意见、船名或者其它需要在印刷技术中呈现斜体的文本。。
small元素呈现的是小的打印字体(文档中具有说明法律约束作用的部分,如版权或者存在的弊端)和批注等。
通过重新定义i和small的含义,这破坏了对HTML 4和XHTML 1的向后兼容性。这是因为向后兼容应该意味着HTML 5的用户代理(user agent,浏览器)在呈现HTML 4的文档时应该和HTML 4的user agent保持一致。因此,如果HTML 5强调向后兼容,HTML 4中意义不大的结构在HTML 5中也同样没有多少意义。
不会吧?仍然支持font元素?
是的,如果开发者使用WYSIWYG编辑器的话, X/HTML 5依然支持font元素。这样做有什么合理性吗?难道WYSIWYG编辑器就能避免使用font吗?
WYSIWYG签名
使用WYSIWYG编辑器生成的文档必须在head元素中包含下面的WYSIWYG签名:
XML/HTML代码
<meta name="generator" content="(WYSIWYG editor)" />
或者:
XML/HTML代码
<meta name="generator" content="Sample Editor 1.0 (WYSIWYG editor)" />
这样做的理由是什么呢?某种耻辱的标记?它是不是要告诉浏览器做好最坏的准备,因为这个文档是用WYSIWYG编辑器生成的?那么,如果文档中只有一部分是使用WYSIWYG工具完成的又该怎么做呢?
支持预定义类名
预定义类名是X/HTML 5用户代理中保留的具有语意的CSS类名。下面的例子中copyright就是一个预定义的类名:
XML/HTML代码
<p class="copyright>...</p>
其它的预定义类名还有“error”、“example”、“issue”、“note”、“search”和“warning”。更麻烦的是,有些预定义类名只有在某些特定元素中使用而不能别其它元素中使用。例如,类名“copyright”只有在p和span元素中使用。类名“error”只有在p、section、span和strong中使用。
预定义类名的一个问题就是下面这样的写法没有什么意义:
XML/HTML代码
<p class="important">
而这样的写法才会有意义:
XML/HTML代码
<p class="copyright">
重写class属性变得很难去说明结构的具体含意。例如,下面的代码意味着什么呢:
XML/HTML代码
<p class="important copyright issue">
预定义类名还会限制开发者对类名使用的自由。同样,如果开发者现在使用了一个非预定义类名,但是之后某天这个类名变成预定义类,那又会首产生什么状况呢?这难道就改变了开发者之前内容的语意吗?
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Vue.js中的图片引用路径的方式
python 实现 hive中类似 lateral view explode的功能示例
![](https://img.aspxhome.com/file/2023/6/101236_0s.jpg)
SQL Server中的集合运算: UNION, EXCEPT和INTERSECT示例代码详解
Python图片检索之以图搜图
![](https://img.aspxhome.com/file/2023/4/123514_0s.png)
基于node打包可执行文件工具_Pkg使用心得分享
![](https://img.aspxhome.com/file/2023/7/129457_0s.png)
十个Golang开发中应该避免的错误总结
Javascript模拟加速运动与减速运动代码分享
MySQL8重置root账户密码图文教程超详细讲解
![](https://img.aspxhome.com/file/2023/6/78106_0s.png)
用CSS设置表格Table的细边框的比较好用的方法
Python folium的实用功能详解
![](https://img.aspxhome.com/file/2023/0/93570_0s.jpg)
Python操作SQLite数据库过程解析
SQL语句中EXISTS的详细用法大全
![](https://img.aspxhome.com/file/2023/5/115565_0s.png)
关于Python函数对象的名称空间和作用域
pandas is in和not in的使用说明
![](https://img.aspxhome.com/file/2023/7/117377_0s.jpg)
IOS中safari下的select下拉菜单文字过长不换行的解决方法
![](https://img.aspxhome.com/file/2023/1/135751_0s.png)
软件测试之使用Fiddler实现弱网测试
![](https://img.aspxhome.com/file/2023/6/123766_0s.png)
layer弹出子iframe层父子页面传值的实现方法
JavaScript基本数据类型及值类型和引用类型
python科学计算之numpy——ufunc函数用法
![](https://img.aspxhome.com/file/2023/8/70828_0s.jpg)