新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   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 』 → 『循序渐进12天学习XHTML』 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 259901 个阅读者浏览上一篇主题  刷新本主题   平板显示贴子 浏览下一篇主题
     * 贴子主题: 『循序渐进12天学习XHTML』 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     纯色理想 帅哥哟,离线,有人找我吗?
      
      
      威望:4
      等级:大三暑假(TOFEL考了650分!)
      文章:50
      积分:760
      门派:XML.ORG.CN
      注册:2004/8/6

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给纯色理想发送一个短消息 把纯色理想加入好友 查看纯色理想的个人资料 搜索纯色理想在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看纯色理想的博客楼主
    发贴心情 『循序渐进12天学习XHTML』

    第1天:选择什么样的DOCTYPE

    前言

    大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。好了,让我们开始吧

    第一天

    开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。

    查看本站首页原代码,可以看到第一行就是:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,设计大师Zeldman的个人网站,会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    那么这些代码有什么含义?一定要放置吗?

    什么是DOCTYPE

    上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

    其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

    要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

    XHTML 1.0 提供了三种DTD声明可供选择:

    过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如
    。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    我们选择什么样的DOCTYPE

    理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。

    注:上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag,例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。

    打个比方:人体模特换衣服。模特就好比数据,衣服则是表现形式,模特和衣服是分离的,这样你就可以随意换衣服。而原来HTML4中,数据和表现是混杂在一起的,要一次性换个表现形式非常困难。呵呵,有点抽象了,这个概念需要我们在应用过程中逐步领会。

    补充
    DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。

    更多细节可以访问W3C的网站


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2004/9/22 10:02:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章: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/4/27 9:16:51

    本主题贴数49,分页: [1] [2] [3] [4]... [5]

     *树形目录 (最近20个回帖) 顶端 
    主题:  『循序渐进12天学习XHTML』(2934字) - 纯色理想,2004年9月22日
        回复:  好,虽然我来迟了.还是顶一下.(27字) - alange,2006年5月1日
        回复:  很好,,XX了(12字) - lockss,2006年4月24日
        回复:  辛苦了~~~~~~~~~~~~~~·(36字) - cloudffx,2006年4月24日
        回复:  ^_^ 好文章 收下了^_^ 谢谢(25字) - qmj0958,2006年4月24日
        回复:  多谢楼主分享!(14字) - chinaadvice,2006年3月27日
        回复:  支持,楼主辛苦了!(18字) - chinaadvice,2006年3月27日
        回复:  好东西,收藏了!(16字) - Jakson33,2006年3月21日
        回复:  太好了(6字) - ehuan,2006年3月20日
        回复:  有点意思(8字) - barberry_in_rain,2006年3月18日
        回复:  谢谢楼主,咱把这些复制到咱的blog里了,没问题吧(46字) - welcome58,2006年3月15日
        回复:  (2字) - gengwei80,2006年3月15日
        回复:  谢了!这东西还可以.(22字) - wang6,2006年2月14日
        回复:  好,谢谢(8字) - xiongbajian,2005年12月28日
        回复:  写得真的很好!谢谢!(20字) - xlx,2005年11月6日
        回复:  强力支持...........(19字) - cwzb,2005年9月12日
        回复:  要多来的代码实例就好了!!!!!(32字) - myali88,2005年9月4日
        回复:  希望提供打包下载(16字) - chenshijun,2005年6月24日
        回复:  好,多谢!(10字) - gun04122910,2005年6月6日
        回复:  这是国内网页设计师,阿捷写的文章,有电子下载,可以到作者主页http://www.w3cn.or..(81字) - kk215,2005年5月18日

    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    109.375ms