我看web新标准
在遵循xhtml标准的设计html的时候,在布局上应该采用什么样的一种标签顺序,或者说采用什么样的标签结构来组织html文档。
我们知道现在推荐的设计模式是采用<div>而不是<table>布局,用<div>来进行<html>文件的布局,当然也完全能实现<table>外观。但是为什么这么推荐,是css还是xhtml的要求呢?是因为<table>与<div>相比,必须还要包含<tr><td>标签,这样推荐是为了节约带宽?又或者是<div>标签能更好的支持css布局方式。
另外,<table>标签在css2.0和xhtml中都是是合法的标签,我也不认为<div>比<table>有更清楚的层次结构!作为xhtml文件来说,<div>和<table>一样也完全没有意义,必尽xhtml不是xml,不能像<xml>一样有具有意义的标签。
好了废话不多说,我在设计一个html文件时,应该采用一种什么样的<html>结构呢?举一个例子来说:有这样一个文章列表页面,有页面的标题“最新文章列表”,该页面包含了10篇文章,每篇文章有标题、作者、发布时间、文章描述等字段。就显示来说用<table>和<div>都没有问题,但是这样的文档在xhtml中都不能表现出页面的信息结构,所以在这样的html文档中,因该采用<ul>标签。
<h1>最新文章列表</h1>
<ul class="docList">
<li>
<ul class="docDetail">
<li>标题一</li>
<li>时间:2004-7-20</li>
<li>作者:levescg</li>
<li>描述:文章描述文章描述文章描述文章描述文章描述</li>
</ul>
</li>
<li>
<ul class="docDetail">
<li>标题二</li>
<li>时间:2004-7-19</li>
<li>作者:levescg</li>
<li>描述:文章描述文章描述文章描述文章描述文章描述</li>
</ul>
</li>
<!--...省略代码...-->
</ul>
这样该<ul>标签能体现出一定的上下关系,同样也能够非常灵活地支持css,而不会像<table>一样缺乏灵活性。
我还想说明一下,这段时间闹的很厉害的网站重构并不是因为xhtml标准或者是css2.0标准的发布带来的,而是因为internet又发展到了一个新的时期,这主要是由以下几种技术的大量应用所推动:
1、weblog/plone(开源系统)
Blog的全名应该是Weblog,中文意思是“网络 日志”,后来缩写为Blog
能够使人们能够发布(post)书面评论,看法的要点,链接,文档,重要的email,以及图片到互连网,在哪里人们能够查找、浏览、建档发布的内容。这使得知识的分享变得非常的容易。
plone是一种功能强大的开放源码(Open Source)内容管理系统(CMS)
通过Web浏览器来访问、编辑内容和管理,易于更新内容 无需编程,即可创建新的内容类型协同的编辑和发布机制
2、rss(xml)
RSS 是 Internet 上连锁内容和元数据的一种格式。通常用于共享标题和到新闻文章的链接。对于新闻文章,真正的文章不一定是共享的,但是关于文章的元数据通常是共享的;这种元数据可以包含标题、URL或者摘要。对于出版商而言,RSS 是一种重要的工具,因为提要可用于连锁内容,并把第三方的内容集成到您的站点中。
3、.net技术
核心是xml和web Service,比如我们能通过web Service个性化自己的google 搜索,我才做了一个应用,
http://211.147.205.51/searchgoogle.aspx
当然还有其他很多的新技术
而以上这些技术都极大地应用或者说是支持xml。因此我认为internet在可以预见的未来是xml,而不是xhml,并且最新的xhtml2.0还相当的不稳定,祥见http://www-900.ibm.com/developerWorks/cn/xml/x-wa-xhtml/index.shtml,另外由于ie并不是很好的支持xhtml+css的组合,所以我想或者是一步到位xml+xsl(适合静态网站),要吗还是在遵循ms ie的标准的同时,尽量新标准。毕竟我们不希望作出来的网站有80%的浏览者都看起来怪怪的吧
以上仅代表个人观点! 由于个人的水平限制,以上观点难免有错误的地方,欢迎各位网友指正,讨论。
我们知道现在推荐的设计模式是采用<div>而不是<table>布局,用<div>来进行<html>文件的布局,当然也完全能实现<table>外观。但是为什么这么推荐,是css还是xhtml的要求呢?是因为<table>与<div>相比,必须还要包含<tr><td>标签,这样推荐是为了节约带宽?又或者是<div>标签能更好的支持css布局方式。
另外,<table>标签在css2.0和xhtml中都是是合法的标签,我也不认为<div>比<table>有更清楚的层次结构!作为xhtml文件来说,<div>和<table>一样也完全没有意义,必尽xhtml不是xml,不能像<xml>一样有具有意义的标签。
好了废话不多说,我在设计一个html文件时,应该采用一种什么样的<html>结构呢?举一个例子来说:有这样一个文章列表页面,有页面的标题“最新文章列表”,该页面包含了10篇文章,每篇文章有标题、作者、发布时间、文章描述等字段。就显示来说用<table>和<div>都没有问题,但是这样的文档在xhtml中都不能表现出页面的信息结构,所以在这样的html文档中,因该采用<ul>标签。
<h1>最新文章列表</h1>
<ul class="docList">
<li>
<ul class="docDetail">
<li>标题一</li>
<li>时间:2004-7-20</li>
<li>作者:levescg</li>
<li>描述:文章描述文章描述文章描述文章描述文章描述</li>
</ul>
</li>
<li>
<ul class="docDetail">
<li>标题二</li>
<li>时间:2004-7-19</li>
<li>作者:levescg</li>
<li>描述:文章描述文章描述文章描述文章描述文章描述</li>
</ul>
</li>
<!--...省略代码...-->
</ul>
这样该<ul>标签能体现出一定的上下关系,同样也能够非常灵活地支持css,而不会像<table>一样缺乏灵活性。
我还想说明一下,这段时间闹的很厉害的网站重构并不是因为xhtml标准或者是css2.0标准的发布带来的,而是因为internet又发展到了一个新的时期,这主要是由以下几种技术的大量应用所推动:
1、weblog/plone(开源系统)
Blog的全名应该是Weblog,中文意思是“网络 日志”,后来缩写为Blog
能够使人们能够发布(post)书面评论,看法的要点,链接,文档,重要的email,以及图片到互连网,在哪里人们能够查找、浏览、建档发布的内容。这使得知识的分享变得非常的容易。
plone是一种功能强大的开放源码(Open Source)内容管理系统(CMS)
通过Web浏览器来访问、编辑内容和管理,易于更新内容 无需编程,即可创建新的内容类型协同的编辑和发布机制
2、rss(xml)
RSS 是 Internet 上连锁内容和元数据的一种格式。通常用于共享标题和到新闻文章的链接。对于新闻文章,真正的文章不一定是共享的,但是关于文章的元数据通常是共享的;这种元数据可以包含标题、URL或者摘要。对于出版商而言,RSS 是一种重要的工具,因为提要可用于连锁内容,并把第三方的内容集成到您的站点中。
3、.net技术
核心是xml和web Service,比如我们能通过web Service个性化自己的google 搜索,我才做了一个应用,
当然还有其他很多的新技术
而以上这些技术都极大地应用或者说是支持xml。因此我认为internet在可以预见的未来是xml,而不是xhml,并且最新的xhtml2.0还相当的不稳定,祥见http://www-900.ibm.com/developerWorks/cn/xml/x-wa-xhtml/index.shtml,另外由于ie并不是很好的支持xhtml+css的组合,所以我想或者是一步到位xml+xsl(适合静态网站),要吗还是在遵循ms ie的标准的同时,尽量新标准。毕竟我们不希望作出来的网站有80%的浏览者都看起来怪怪的吧
以上仅代表个人观点! 由于个人的水平限制,以上观点难免有错误的地方,欢迎各位网友指正,讨论。
浙公网安备 33010602011771号