新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 讨论HTML、XHTML、Web2.0、Ajax、XUL, ExtJS, jQuery, JSON、Social Networking System(SNS)、Rich Internet Applications (RIA)、Tagging System、Taxonomy(tagsonomy,folkonomy)、XForms、XFrames、XInclude, XBL (XML Binding Language)等话题
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』 → [转贴]Web 的未来:XHTML 2.0(2) 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 11159 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: [转贴]Web 的未来:XHTML 2.0(2) 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     Coral 美女呀,离线,快来找我吧!
      
      
      威望:6
      等级:计算机学士学位(超级版主)
      文章:271
      积分:2320
      门派:XML.ORG.CN
      注册:2004/12/29

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给Coral发送一个短消息 把Coral加入好友 查看Coral的个人资料 搜索Coral在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看Coral的博客楼主
    发贴心情 [转贴]Web 的未来:XHTML 2.0(2)

    转自:赛迪技术网  作者:Nicholas Chase 发文时间:2004.03.19

    XForms

    XML 表单语言(XML Forms Language (XForms))是研究表单的一种全新方法 — 它象 XHTML 的其余部分一样 — 内容、结构和表现是完全独立的。XForms 页面指定一个模型,该模型拥有有关表单自身的信息,然后,可以在页面周围散布表单元素,而不是被局限于单个表单元素。这意味着,您甚至可以在页面的同一区域中合并不同表单的元素。可以通过实例文档填充表单,实例文档是从表单元素上的 XPath 表达式引用的。表单元素自身也代表了特殊类型的对象,而不是描述在页面上它们是如何显示的。当更新表单元素中的数据时,会更新实例文档。当用户提交表单时,实际发送的是实例文档。例如,采用下面的简单表单(清单 5):

    清单 5. 简单的 HTML 表单

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Preference Form</title>

    </head>

    <body>

    <h1>Preferences Form</h1>

    <form action="myformprocessor.jsp">

    <p>

        Username: <input type="text" name="userid" />

        <br />

        Password: <input type="password" name="pass"/>

    </p>

    <p>

        Area preference:

            <select name="seatingpreference">

                 <option value="1">One</option>

                 <option value="2">Two</option>

                 <option value="3">Three</option>

            </select>

    </p>

    <p>

        <input type="submit" />

    </p>

    </form>

    </body>

    </html>


    清单 6 显示了 XForms 版本的表单:

    清单 6. XForms 版本的表单

    <html xmlns="http://www.w3.org/1999/xhtml"

          xmlns:xforms="http://www.w3.org/2002/01/xforms">

    <head>

        <title>Preference Form</title>

        <xforms:model>

            <xforms:submitInfo method="postxml"/>

            <xforms:instance xmlns="">

                <preferences>

                    <person userid="">

                        <password></password>

                    </person>

                    <seatingpreference></seatingpreference>

                </preferences>

            </xforms:instance>

        </xforms:model>

    </head>

    <body>

    <h1>Preferences Form</h1>

    <p>

        <xforms:input ref="preferences/person@userid">

            <xforms:caption>Username: </xforms:caption>

        </xforms:input>

        <br />

        <xforms:secret ref="preferences/person/password">

            <xforms:caption>Password: </xforms:caption>

        </xforms:secret>

    </p>

    <p>

        <xforms:selectOne ref="preferences/seatingpreference" selectUI="listbox">

            <xforms:caption>Area preference:   </xforms:caption>

            <xforms:item>

                <xforms:value>1</xforms:value>

                <xforms:caption>One</xforms:caption>

            </xforms:item>

            <xforms:item>

                <xforms:value>2</xforms:value>

                <xforms:caption>Two</xforms:caption>

            </xforms:item>

            <xforms:item>

                <xforms:value>3</xforms:value>

                <xforms:caption>Three</xforms:caption>

            </xforms:item>

        </xforms:selectOne>

    </p>

    <p>

        <xforms:submit>

            <xforms:caption>Submit Report</xforms:caption>

        </xforms:submit>

    </p>

    </body>

    </html>


    术语说明:XForms 建议书特别说明了不存在单个表单的 XForms。它是多个 XForms 页面,不再是单个 XForm 页面。

    表单一般需要进行验证。换句话说,数据字段必须包含有效数据等。XForms 使用 XML 模式来约束所提交的数据。另外,可以通过添加 XML Events(它也包括在 XHTML 2.0 中)来进一步增强 XForms 页面的功能。

    XML Events

    您可能已经熟悉了通过添加如 onclick 和 onmouseover 之类的事件在 Web 页面上使用事件。不会再有了。这些熟悉的属性已经被集成到 XHTML 2.0 中的 XML Events 模块所替代。XML Events 提供了一种通用的方法来指定事件发生时应该采取的操作。它的优点是您不受限于如鼠标单击之类的预定义事件。相反,可以定义您自己的事件以及触发它们时会发生什么。

    XML Events 包含下列组件。如鼠标单击之类的事件可以作为目标。例如,在清单 7 所示的页面中:

    清单 7. 要单击的页面

    <html>

      <head><title>Rides</title></head>

      <body>

         <ul id="ridelist">

            <li href="monorail.html">Monorail</li>

            <li href="Matterhorn.html">Matterhorn</li>

            <li href="coaster.html">Roller coaster</li>

         </ul>

      </body>

    </html>


    用户可能单击第二个 li 元素 Matterhorn。当这发生时,鼠标单击事件从文档根行进到目标(li)并再次返回。顺序是:

    (root) -- html -- body -- ul -- li -- ul -- body -- html -- (root)


    向下行进到目标称为捕捉(capture)阶段,而再次向上行进称为冒泡(bubbling)阶段(并不是所有的事件都会冒泡)。在行进期间的任何时候,事件都可以传递已经被注册为观察器的对象(这表示它正在观察特定的事件),如果它看到事件,则执行特定操作。侦听器创建观察器。例如,在下面的序列中:

    <ev:listener observer="ridelist" event="mousedown" handler="#myscript"/>


    侦听器使 ul 元素(或者更准确一点说,是整个列表)成为观察器,因而,当用户单击任何列表项目时,观察器(ridelist)执行 myscript(但仍必须确定调用任意脚本的机制)。

    XFrames

    广受指责的框架也在 XHTML 2.0 中被替换了。XFrames 的第一个工作草案于 2002 年 8 月 6 日初次登场,此前一天 XHTML 2.0 宣布它将使用 XFrames 并试图解决传统 HTML 框架出现的问题。大多数问题是有关难于创建书签和刷新页面,以及不支持框架的搜索引擎无法索引适当内容。

    在 XFrames 文档中,所包含内容的 URI 成为整个文档 URI 的一部分。例如,下面清单 8 中的页面可能表示带三个框架的 HTML 页面:

    清单 8. XFrames 页面

    <html>

    <head><title>XFrames</title></head>

    <body>

    <row>

        <frame id="header" />

        <column>

            <frame id="menu"/>

            <frame id="content"/>

        </column>

    </row>

    </body>

    </html>


    请注意,没有指定每个框架的 URI,但每个框架都有其自己唯一的标识符。因此,这个文档的 URI 可能是:

    site.xfm#frames(header=header.xhtml,menu=menu.xhtml,content=main.xhtml)


    然后,理解 XFrames 的浏览器将每个框架的内容与适当的 URI 相关联。当用户单击链接并更改个别框架的内容时,页面的整个 URI 都会更改,所以它始终显示用户正在查看的实际内容,“收藏”和“后退”按钮提供了准确的内容。

    图像作为对象

    2002 年 8 月 5 日工作草案的最后一个主要的更改包括除去了 img 标记并用 object 标记替代它。object 标记实际上在 HTML 4.01 中就已经出现,但开发人员主要将它用于嵌入多媒体和 Java applet。然而,它一直都能支持图像。使用 object 标记的主要优点在于,它被设计成向下级联。换句话说,如果浏览器不能显示一个特定对象,那么它将显示该对象的内容。例如,遇到下列代码片断的浏览器首先试图装入电影。如果装入电影失败,则装入图像。如果装入图像失败,那么它只显示文本。

    <object data="rides.mpeg" type="application/mpeg">

        <object data="rollercoaster.jpg" type="image/jpg">

            Jack tries to expand his horizons on the racing coasters.

        </object>

    </object>


    后续步骤

    2002 年 8 月 5 日的 XHTML 2.0 工作草案中唯一可以确定的事就是不能确定任何事情。在现在的草案和被作为建议书采纳的过程中,几乎可以肯定它将在某些方面发生变化,但强调结构和语义的目标不可能变化。出于这个原因,最好研究您现在构建的页面,并开始养成适当使用结构和样式的习惯。使用标记来指定某些事物是什么,而不是如何显示它们,并使用 CSS 来完成其余工作。总的来说,更多地考虑文档的结构以及您想要它们干什么,而不必太多地考虑它们将如何显示。

    关于作者

    Nicholas Chase 曾参与过很多公司(如 Lucent Technologies、Sun Microsystems、Oracle 和 Tampa Bay Buccaneers 等)的网站开发。Nick 曾是一名高中物理教师、低辐射废物设备管理人员、在线科幻杂志编辑、多媒体工程师和 Oracle 讲师。最近,他成为 Site Dynamics Interactive Communications(位于佛罗里达州的 Clearwater)的 CTO,而且还是三本有关 Web 开发书籍的作者,包括 Java and XML from Scratch (Que) 和即将出版的 Primer Plus XML Programming (Sams)。他乐意听取读者意见,可以通过 nicholas@nicholaschase.com 与他联系。


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/8/9 9:18:00
     
     cwzb 帅哥哟,离线,有人找我吗?双鱼座1981-3-10
      
      
      威望:4
      头衔:没有耳多
      等级:(版主)
      文章:253
      积分:1753
      门派:XML.ORG.CN
      注册:2004/1/15

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给cwzb发送一个短消息 把cwzb加入好友 查看cwzb的个人资料 搜索cwzb在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问cwzb的主页 引用回复这个贴子 回复这个贴子 查看cwzb的博客2
    发贴心情 
    好!!!!!!!!!!!!!!!

    多翻译一些:)

    ----------------------------------------------
    无能不多智不要紧。
    关键是肯学,感兴趣!

    送给我自己的话!

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/8/21 10:29:00
     
     cwzb 帅哥哟,离线,有人找我吗?双鱼座1981-3-10
      
      
      威望:4
      头衔:没有耳多
      等级:(版主)
      文章:253
      积分:1753
      门派:XML.ORG.CN
      注册:2004/1/15

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给cwzb发送一个短消息 把cwzb加入好友 查看cwzb的个人资料 搜索cwzb在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问cwzb的主页 引用回复这个贴子 回复这个贴子 查看cwzb的博客3
    发贴心情 
    去年的时候,我专门研究过XHTML2.0一第列的技术,,,中文不好找啊...当时可晕了...

    ----------------------------------------------
    无能不多智不要紧。
    关键是肯学,感兴趣!

    送给我自己的话!

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/8/21 10:29:00
     
     GoogleAdSense双鱼座1981-3-10
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/17 5:05:04

    本主题贴数3,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    78.125ms